Add logout under profile dropdown

Author: tzyian

peerprep/components/navbar/ProfileDropdown.tsx

@@ -3,6 +3,7 @@
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
 import Image from "next/image";
 import React from "react";
+import Link from "next/link";
 
 export const ProfileDropdown = () => {
   return (
@@ -27,28 +28,28 @@ export const ProfileDropdown = () => {
           className="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-gray-1 py-1 shadow-lg ring-1 ring-black ring-opacity-5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in"
         >
           <MenuItem>
-            <a
+            <Link
               href="#"
               className="block px-4 py-2 text-sm data-[focus]:bg-gray-2"
             >
-              Your Profile
-            </a>
+              Your Profile (Coming Soon)
+            </Link>
           </MenuItem>
           <MenuItem>
-            <a
+            <Link
               href="#"
               className="block px-4 py-2 text-sm data-[focus]:bg-gray-2"
             >
-              Settings
-            </a>
+              Settings (Coming Soon)
+            </Link>
           </MenuItem>
           <MenuItem>
-            <a
-              href="#"
+            <Link
+              href="/api/internal/auth/expire"
               className="block px-4 py-2 text-sm data-[focus]:bg-gray-2"
             >
               Sign out
-            </a>
+            </Link>
           </MenuItem>
         </MenuItems>
       </Menu>