v3: consistent tabs url across app, maxy small fixes

src/pages/UserPublicProfile.tsx

@@ -54,6 +54,7 @@ import { TextEditor } from "../components/TextEditor.tsx";
 import { Markdown } from "../components/Markdown.tsx";
 import { ChangePasswordModal } from "../components/ChangePasswordModal.tsx";
 import { TabBar } from "../components/TabBar.tsx";
+import { useTabParam } from "../hooks/useTabParam.ts";
 
 function InviteButton() {
   const { authFetch } = useAuth();
@@ -146,7 +147,14 @@ type InviteTreeState =
   | { status: "loaded"; entries: InviteTreeEntry[] };
 
 type InviteTreeNode = InviteTreeEntry & { children: InviteTreeNode[] };
-type ProfileTab = "dumps" | "playlists" | "followed" | "invitees" | "settings";
+const PROFILE_TABS = [
+  "dumps",
+  "playlists",
+  "followed",
+  "invitees",
+  "settings",
+] as const;
+type ProfileTab = (typeof PROFILE_TABS)[number];
 
 function buildInviteTree(
   entries: InviteTreeEntry[],
@@ -193,6 +201,13 @@ export function UserPublicProfile() {
   const profileUserId = state.status === "loaded" ? state.user.id : null;
   const isOwnProfile = me?.id === profileUserId;
 
+  // Active tab is driven by the `/~/<tab>` URL path (linkable / refresh-safe).
+  // `settings` is only valid on your own profile; otherwise it falls back to "dumps".
+  const availableTabs: ProfileTab[] = isOwnProfile
+    ? [...PROFILE_TABS]
+    : PROFILE_TABS.filter((t) => t !== "settings");
+  const [tab, setTab] = useTabParam<ProfileTab>(availableTabs, "dumps");
+
   const setDumps = useCallback((fn: (prev: Dump[]) => Dump[]) => {
     setState((s) =>
       s.status !== "loaded"
@@ -287,7 +302,6 @@ export function UserPublicProfile() {
   const [emailError, setEmailError] = useState<string | null>(null);
   const prevMyVotesRef = useRef<Set<string> | null>(null);
 
-  const [tab, setTab] = useState<ProfileTab>("dumps");
   const [changePasswordOpen, setChangePasswordOpen] = useState(false);
   const [followedState, setFollowedState] = useState<FollowedState>(null);
   const [inviteTreeState, setInviteTreeState] = useState<InviteTreeState>(null);
@@ -301,7 +315,6 @@ export function UserPublicProfile() {
   if (prevUsername !== username) {
     setPrevUsername(username);
     setState({ status: "loading" });
-    setTab("dumps");
     setFollowedState(null);
     setInviteTreeState(null);
   }