Added ESLint ignorePatterns for shadcn/ui components. Linted Mobile, Navbar, and Theme components

Author: ladunjexa

.eslintrc.json

@@ -4,5 +4,6 @@
     "standard",
     "plugin:tailwindcss/recommended",
     "prettier"
-  ]
+  ],
+  "ignorePatterns": ["/components/ui/*"]
 }

components/shared/navbar/Mobile.tsx

@@ -32,7 +32,7 @@ const NavContent = () => {
               href={link.route}
               className={`${
                 isActive
-                  ? "primary-gradient text-light-900 rounded-lg"
+                  ? "primary-gradient rounded-lg text-light-900"
                   : "text-dark300_light900"
               } flex items-center justify-start gap-4 bg-transparent p-4`}
             >

components/shared/navbar/Navbar.tsx

@@ -9,7 +9,7 @@ import GlobalSearch from "@/components/shared/search/GlobalSearch";
 
 const Navbar = () => {
   return (
-    <nav className="flex-between background-light900_dark200 shadow-light-300 fixed z-50 w-full gap-5 p-6 dark:shadow-none sm:px-12">
+    <nav className="flex-between background-light900_dark200 fixed z-50 w-full gap-5 p-6 shadow-light-300 dark:shadow-none sm:px-12">
       <Link href="/" className="flex items-center gap-1">
         <Image
           src="/assets/images/site-logo.svg"

components/shared/navbar/Theme.tsx

@@ -39,11 +39,11 @@ const Theme = () => {
             />
           )}
         </MenubarTrigger>
-        <MenubarContent className="bg-light-900 dark:border-dark-400 dark:bg-dark-300 absolute right-[-3rem] mt-3 min-w-[120px] rounded border py-2">
+        <MenubarContent className="absolute right-[-3rem] mt-3 min-w-[120px] rounded border bg-light-900 py-2 dark:border-dark-400 dark:bg-dark-300">
           {themes.map((theme) => (
             <MenubarItem
               key={theme.value}
-              className="focus:bg-light-800 dark:focus:bg-dark-400 flex cursor-pointer items-center gap-4 px-2.5 py-2"
+              className="flex cursor-pointer items-center gap-4 px-2.5 py-2 focus:bg-light-800 dark:focus:bg-dark-400"
               onClick={() => {
                 setMode(theme.value);