refactor(v4.0.0-alpha): beginning of a new era

apps/client/src/components/user-options.tsx

@@ -0,0 +1,38 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  KeyboardShortcut,
+} from "@reactive-resume/ui";
+import { useNavigate } from "react-router-dom";
+
+import { useLogout } from "../services/auth";
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export const UserOptions = ({ children }: Props) => {
+  const navigate = useNavigate();
+  const { logout } = useLogout();
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
+
+      <DropdownMenuContent side="top" align="start" className="w-48">
+        <DropdownMenuItem onClick={() => navigate("/dashboard/settings")}>
+          Settings
+          <KeyboardShortcut>⇧S</KeyboardShortcut>
+        </DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem onClick={() => logout()}>
+          Logout
+          <KeyboardShortcut>⇧Q</KeyboardShortcut>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+};