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

This reverts commit ac16df98c3.

src/components/mobile-nav.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { AnimatePresence, motion } from "framer-motion";
+import Image from "next/image";
 import { type ReactNode, useRef, useState } from "react";
 import { FALLBACK_HOTEL_NAME } from "@/lib/brand";
 import { mobileMenuVariants } from "@/lib/motion";
-import { HabboHome } from "@/components/shared/habbo-icons";
 
 interface MobileNavProps {
 	children: ReactNode;
@@ -88,7 +88,13 @@ export function MobileNav({
 										"color-mix(in srgb, var(--color-primary) 12%, transparent)",
 								}}
 							>
-								<HabboHome size={22} />
+								<Image
+									src="/assets/images/icons/navigation/home.png"
+									alt=""
+									width={22}
+									height={22}
+									className="shrink-0"
+								/>
 								<span
 									className="text-sm font-extrabold uppercase tracking-wide"
 									style={{

src/components/nav-dropdown.tsx

@@ -1,12 +1,13 @@
 "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?: ReactNode;
+	icon?: string;
 	children: ReactNode;
 }
 
@@ -44,7 +45,14 @@ export function NavDropdown({ label, icon, children }: NavDropdownProps) {
 				aria-expanded={open}
 			>
 				{icon ? (
-					<span className="mr-1.5 flex items-center">{icon}</span>
+					<Image
+						src={icon}
+						alt=""
+						width={20}
+						height={20}
+						className="mr-1.5"
+						unoptimized
+					/>
 				) : null}
 				{label}
 				<motion.svg