Feature/lookyoself family glow

[HashSlingingSlasherNW]

Description

• Fixes #XXXX

How Has This Been Tested?

Screenshots / Logs (if applicable)

Checklist:

• I have read and followed the contribution guidelines.
• Disclosed any use of AI (see our policy)
• I have updated the documentation accordingly.
• All new and existing tests passed.
• Successful build pnpm build
• Translation keys pnpm i18n:extract
• Database migration (if required)

Summary by CodeRabbit

Release Notes

• New Features

  • Added success animation feedback when submitting content requests
  • Enhanced user warnings with additional warning types and improved styling

• Improvements

  • Redesigned login page with new aurora-themed background
  • Simplified navigation by removing blocklist and issues features
  • Updated color scheme throughout the app with improved cyan and slate accents
  • Enhanced search input styling and focus states
  • Refined badge, button, and dropdown component styling

• Chores

  • Updated design tokens and Tailwind configuration

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

This PR implements a comprehensive UI redesign introducing a "looky" aurora-inspired theme. Changes include updating component color schemes from gray to slate/custom tokens, removing issues count tracking functionality across multiple components, redesigning the login interface with animated overlays, adding a success animation to title cards, and updating CSS variables alongside Tailwind configuration.

Changes

Cohort / File(s)	Summary
Badge & Component Styling src/components/Common/Badge/index.tsx, src/components/Layout/SearchInput/index.tsx, src/components/Layout/UserDropdown/index.tsx, src/components/Layout/VersionStatus/index.tsx, src/components/Login/PlexLoginButton.tsx	Updated Tailwind classes: shifted color palette from gray to slate/cyan themes, replaced solid backgrounds with border/ring-based styling, refined hover states with gradient and opacity adjustments, and consolidated styling via helper functions.
Issues Count Removal src/components/Layout/MobileMenu/index.tsx, src/components/Layout/Sidebar/index.tsx, src/components/Layout/index.tsx	Removed openIssuesCount and revalidateIssueCount props, eliminated /issues menu links, and deleted SWR fetching for /api/v1/issue/count endpoint across navigation components.
Layout & Layout Structure src/components/Layout/index.tsx, src/components/Layout/UserWarnings/index.tsx	Updated root container styling with new background/text colors and gradient layers; extended warning type handling for userEmailInvalid and userPasswordRequired with amber/rose gradient styling.
Login UI Redesign src/components/Login/index.tsx, src/components/Login/LocalLogin.tsx	Removed backdrop image fetching and replaced with static aurora overlay; restructured login card layout and header; improved form styling with space utilities and updated error banner presentation with gradient/border styling.
Success Animation src/components/TitleCard/index.tsx	Added requestJustSucceeded state and 3-second timer; introduced animated success overlay with gradient background, pulsing ring, bouncing icon, and sparkle dots displayed after request completion.
Theming & Configuration src/styles/globals.css, tailwind.config.js	Added :root CSS variables for looky theme palette; introduced aurora-inspired animations and glass-card styling; replaced gray utilities with slate/hex colors; updated Tailwind config to include new design tokens (colors.looky, borderRadius.looky, boxShadow.looky), removed legacy plugins, and expanded content globs.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Possibly related PRs

• refactor(tailwind): replace deprecated tailwind utilities #2542: Modifies Badge component styling in the same file with overlapping Tailwind class updates and visual appearance changes.

Suggested reviewers

• gauthier-th
• 0xSysR3ll

Poem

🐰✨ A theme of aurora glows so bright,
With slate and cyan dancing through the night,
Badge styling twirls in rings and glass,
Success animations make moments pass,
The looky design hops into place,
With sparkles and gradients full of grace! 🎉

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Feature/lookyoself family glow' directly aligns with the core changes in the changeset, which introduce a new 'Family Glow' theme with updated styling across multiple components and configuration files.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}