Update src/app/settings/page.tsx

src/app/settings/page.tsx

@@ -10,15 +10,15 @@ import { Settings, MessageSquare } from "lucide-react";
 
 export default function SettingsPage() {
   const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Dashboard", href: "/dashboard" },
-    { name: "Missions", href: "/missions" },
-    { name: "Skill Tree", href: "/skill-tree" },
-    { name: "Achievements", href: "/achievements" },
-    { name: "Leaderboard", href: "/leaderboard" },
-    { name: "Community", href: "/community" },
-    { name: "Profile", href: "/profile" },
-    { name: "Settings", href: "/settings" }
+    { name: "Home", id: "/" },
+    { name: "Dashboard", id: "/dashboard" },
+    { name: "Missions", id: "/missions" },
+    { name: "Skill Tree", id: "/skill-tree" },
+    { name: "Achievements", id: "/achievements" },
+    { name: "Leaderboard", id: "/leaderboard" },
+    { name: "Community", id: "/community" },
+    { name: "Profile", id: "/profile" },
+    { name: "Settings", id: "/settings" }
   ];
 
   const footerColumns = [
@@ -127,9 +127,8 @@ export default function SettingsPage() {
           logoAlt="Creator Quest RPG Logo"
           logoText="Creator Quest RPG"
           columns={footerColumns}
-          useInvertedBackground={true}
         />
       </div>
     </ThemeProvider>
   );
-}
+}