chore: Update personal website deployment URL

README.md

@@ -1,6 +1,6 @@
 # Portfolio
 
-This is my personal portfolio website. It is built with Next.js and Tailwind CSS. It is hosted using Github Pages. This is created with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) 
+This is my personal portfolio website. It is built with Next.js and Tailwind CSS. It is hosted using Github Pages. This is created with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app)
 
 ## Getting Started
 
@@ -24,4 +24,4 @@ This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-opti
 
 ## Deploy on Github Pages
 
-This project uses github pages using the `Github Actions` to deploy the project. The deployment is currently hosted into My personal Website [https://akib-89.github.io](https://akib-89.github.io)
+This project uses github pages using the `Github Actions` to deploy the project. The deployment is currently hosted into My personal Website [https://akib1689.github.io](https://akib1689.github.io)

src/components/desktop-nav.tsx

@@ -1,13 +1,9 @@
 import React, { useState } from "react";
 import {
     NavigationMenu,
-    NavigationMenuContent,
-    NavigationMenuIndicator,
     NavigationMenuItem,
     NavigationMenuLink,
     NavigationMenuList,
-    NavigationMenuTrigger,
-    NavigationMenuViewport,
     navigationMenuTriggerStyle,
   } from "@/components/ui/navigation-menu"
 import Link from "next/link";
@@ -16,22 +12,29 @@ import Link from "next/link";
 import Image from "next/image";
 import logo from "@/public/logo.svg";
 
+// theme of the website
+import { useTheme } from "next-themes";
+
 // menu items
 import { menuList } from "@/lib/menu-list";
-import { Button } from "./ui/button";
-import { DownloadIcon } from "@radix-ui/react-icons";
 import { ModeToggle } from "./mode-toggle";
 
 import Logo from "../../public/logo";
 
 import { NavigationMenuProps } from "@/components/navigation";
 
 export function DesktopMenubar({ selectedItem, setSelectedItem, className, children }: NavigationMenuProps) {
+    // get the theme
+    const { theme } = useTheme();
     return (
         <div className="w-full flex flex-grow">
             <div className="w-full pl-10">
 
-                <Logo fill="#fff" className=" h-8 w-auto"/>
+                <Logo 
+                    // set the fill of the logo depending on the theme
+                    fill={theme === "dark" ? "#fff" : "#000"}
+                    className=" h-8 w-auto"
+                />
 
             </div>
             <NavigationMenu className=" justify-end pr-12">