Points Guide NavItem Update

src/lib/components/MobileNav.jsx

@@ -4,10 +4,8 @@ import React from "react";
 import { Navigation } from "@skeletonlabs/skeleton-react";
 import {
     Home as IconHome,
-    Folder as IconFolder,
     BookText as BookImage,
-    Music as IconMusic,
-    Video as IconVideo,
+    Coins as CoinsImage,
 } from "lucide-react";
 
 import { useRouter } from "next/navigation";
@@ -22,6 +20,9 @@ const Footer = () => {
                 <Navigation.Tile label="Info" href="/info" className="flex flex-col items-center">
                     <BookImage />
                 </Navigation.Tile>
+                <Navigation.Tile label="Points Guide" href="/points-guide" className="flex flex-col items-center">
+                    <CoinsImage />
+                </Navigation.Tile>
             </Navigation.Bar>
         </div>
     );

src/lib/components/NavBar.tsx

@@ -1,26 +1,22 @@
 "use client";
 
 import React from "react";
-import { Navigation } from "@skeletonlabs/skeleton-react";
-import {
-    Home as IconHome,
-    Folder as IconFolder,
-    BookText as BookImage,
-    Music as IconMusic,
-    Video as IconVideo,
-} from "lucide-react";
-
-import { useRouter } from "next/navigation";
 
 const NavBar = () => {
 	return (
 		<nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800">
 			<div className="container mx-auto px-4">
 				<div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4">
-            <h1 className="text-xl font-semibold"><a href="/">Drink Happy</a></h1>
+					<h1 className="text-xl font-semibold">
+						<a href="/">Drink Happy</a>
+					</h1>
 					<div className="hidden md:flex items-center gap-4 justify-center">
-                <a href="/#create" className="btn variant-ghost">Create</a>
-                <a href="/#edit" className="btn variant-ghost">Edit</a>
+						<a href="/info" className="btn variant-ghost">
+							Info
+						</a>
+						<a href="/pointsguide" className="btn variant-ghost">
+							Points Guide
+						</a>
 					</div>
 				</div>
 			</div>