add version in the nav.tsx component

app/components/nav.tsx

@@ -1,13 +1,21 @@
 import Image from "next/image";
 import Logo from "../../public/assets/logo.png";
+import * as pack from "../../package.json";
 
 const Navbar = () => {
+  const version = pack.version;
+
   return (
     <header className="d-f fs-sm fw-w py-1 sm:fw-nw sm:jc-fs w-full" style={{ backgroundColor: "#1f212a" }}>
       <nav className="mx-auto px-4 sm:ai-c sm:d-f sm:jc-sb w-full">
         <div className="ai-c d-f jc-sb">
           <Image alt="Yumma CSS Play Logo" className="h-auto" height={140} src={Logo} width={140} />
         </div>
+        <div className="fb-full fg-1 ovf-h">
+          <div className="d-f fd-c g-5 sm:ai-c sm:fd-r sm:jc-fe sm:pl-5">
+            <p className="fs-b fw-600 h:tc-l-gray-6 tc-l-silver-6">v{version}</p>
+          </div>
+        </div>
       </nav>
     </header>
   );