Replace PNG icons with Habbo-style SVG pixel art icons across index, nav, and mobile nav

- Create 20 Habbo-style pixel-art SVG icon components (home, user, catalog, star, community, games, enter, news, online, camera, chat, clock, heart, arrow, cog, furni, diamond, credits, duckets, rank)
- Update index page: replace all PNG icon references, add pixel font headings, add Habbo-style gradient section headers
- Update navigation: replace all PNG nav icons with Habbo SVG icons
- Update NavDropdown: accept ReactNode icon instead of string path
- Update mobile-nav: replace PNG brand icon with HabboHome SVG

src/components/nav-dropdown.tsx

@@ -1,13 +1,12 @@
 "use client";
 
 import { AnimatePresence, motion } from "framer-motion";
-import Image from "next/image";
 import { type ReactNode, useEffect, useRef, useState } from "react";
 import { dropdownVariants } from "@/lib/motion";
 
 interface NavDropdownProps {
 	label: string;
-	icon?: string;
+	icon?: ReactNode;
 	children: ReactNode;
 }
 
@@ -45,14 +44,7 @@ export function NavDropdown({ label, icon, children }: NavDropdownProps) {
 				aria-expanded={open}
 			>
 				{icon ? (
-					<Image
-						src={icon}
-						alt=""
-						width={20}
-						height={20}
-						className="mr-1.5"
-						unoptimized
-					/>
+					<span className="mr-1.5 flex items-center">{icon}</span>
 				) : null}
 				{label}
 				<motion.svg