Feat: Build out server shell

Frontend/src/components/shell/TopBar/UserNavButton.tsx

@@ -0,0 +1,19 @@
+// Path: Frontend/src/components/shell/TopBar/UserNavButton.tsx
+
+import type { JSX } from "solid-js";
+import { User } from "../../../lib/icons";
+import styles from "./UserNavButton.module.scss";
+
+export const UserNavButton = (): JSX.Element => {
+	return (
+		<button class={styles.userButton} type="button" aria-label="Open profile" title="Open profile">
+			<span class={styles.spinContainer} aria-hidden="true">
+				<span class={styles.spinRing} />
+			</span>
+
+			<span class={styles.userCore} aria-hidden="true">
+				<User size={16} strokeWidth={2.2} />
+			</span>
+		</button>
+	);
+};