Added sign out when navbar is small

src/app/components/Navbar.tsx

@@ -3,6 +3,7 @@
 import React, { useState } from "react";
 import { Transition } from "@headlessui/react";
 import ProfileDropDown from "./ProfileDropDown";
+import { signOut } from "next-auth/react";
 
 function makeLink(href: string, label: string) {
   return (
@@ -110,6 +111,16 @@ function Nav({ pageName }: { pageName: string }) {
                 >
                   Help
                 </a>
+
+                <a
+                  href="/"
+                  className="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium"
+                  onClick={() => {
+                    SignOut();
+                  }}
+                >
+                  Log Out
+                </a>
               </div>
             </div>
           )}