feat: added sign out button, better buttons, and better error

src/pages/MentorDashboard.tsx

@@ -58,12 +58,15 @@ function MentorDashboard() {
               src={`https://github.com/${authContext.userData.username}.png`}
             />
           </div>
+
           <h2 className="font-bold text-2xl text-center ">
             {authContext.userData.name} (@{authContext.userData.username})
           </h2>
-          <p className="text-center w-full">
-            <Link to={ROUTER_PATHS.MENTOR_FORM}>Edit</Link>
-          </p>
+
+          <div className="flex mt-2 justify-center gap-3">
+            <Link className="text-center py-2 px-5 py-auto h-fit text-indigo-100 bg-indigo-700 rounded-lg transition-colors duration-150 focus:shadow-outline hover:bg-indigo-800 disabled:bg-gray-600" to={ROUTER_PATHS.MENTOR_FORM}>Edit Info</Link>
+            <button className="text-center py-2 px-5 py-auto h-fit text-indigo-100 bg-red-700 rounded-lg transition-colors duration-150 focus:shadow-outline hover:bg-red-800 disabled:bg-gray-600" onClick={authContext.onLogout}>Sign Out</button>
+          </div>
         </div>
         <div className="relative overflow-x-hidden flex-1 flex-col flex flex-wrap">
           <div className="lg:pt-28">
@@ -86,7 +89,7 @@ function MentorDashboard() {
                 </Link>
               </div>
             ) : (
-              error
+              <p className="text-center text-red-500">{error}</p>
             )}
           </div>
         </div>