Add updatProfile component to dashboard/settings + update docs link

src/app/dashboard/settings/page.tsx

@@ -1,24 +1,25 @@
 import type { Metadata } from "next";
 
-import { auth, signOut } from "@/auth";
+import { auth } from "@/auth";
+import UpdateNameAvatar from "@/components/settings/update-name-avatar";
 
 export const metadata: Metadata = {
   title: "Settings - Dashboard",
 };
 
 const SettingsPage = async () => {
   const session = await auth();
+
+  if (!session) return null;
+
   return (
-    <main className="animate-in duration-500 slide-in-from-bottom-2 fade-in-5">
-      {JSON.stringify(session)}
-      <form
-        action={async () => {
-          "use server";
-          await signOut();
-        }}
-      >
-        <button>Sign Out</button>
-      </form>
+    <main className="duration-500 animate-in fade-in-5 slide-in-from-bottom-2">
+      <UpdateNameAvatar
+        name={session.user.name!}
+        username={session.user.username!}
+        email={session.user.email!}
+        avatar={session.user.image!}
+      />
     </main>
   );
 };

src/components/commandK/items.ts

@@ -29,7 +29,7 @@ export const Pages = [
 
 export const Documentation = [
   {
-    name: "Getting Started",
+    name: "Docs: Getting Started",
     href: "/docs/getting-started",
     icon: RocketIcon,
   },
@@ -55,7 +55,7 @@ export const ChangeTheme = [
 
 export const SocialPages = [
   {
-    name: "X (Twitter)",
+    name: "X (Formerly Twitter)",
     href: "https://twitter.com/pheralb_",
     icon: XLogo,
   },