feat(private-zone): default to albums tab

src/app/private-zone/private-zone-screen.tsx

@@ -66,7 +66,7 @@ export function PrivateZoneScreen() {
   const postState = usePrivateZonePostState();
   const postDispatch = usePrivateZonePostDispatch();
   const isVip = useUserSelector((user) => user.context.isVip);
-  const [activeTab, setActiveTab] = useState<"moments" | "albums">("moments");
+  const [activeTab, setActiveTab] = useState<"moments" | "albums">("albums");
   const openedGalleryInPageRef = useRef(false);
   const previousPostLoginStatusRef = useRef(authState.loginStatus);
   const galleryState = useMemo(
@@ -334,15 +334,6 @@ export function PrivateZoneScreen() {
 
         <section className={styles.postsSection} aria-labelledby="posts-title">
           <div className={styles.contentTabs} role="tablist" aria-label="Private Zone content">
-            <button
-              type="button"
-              role="tab"
-              aria-selected={visibleTab === "moments"}
-              className={`${styles.contentTab} ${visibleTab === "moments" ? styles.contentTabActive : ""}`}
-              onClick={() => setActiveTab("moments")}
-            >
-              Moments
-            </button>
             <button
               type="button"
               role="tab"
@@ -352,6 +343,15 @@ export function PrivateZoneScreen() {
             >
               Albums
             </button>
+            <button
+              type="button"
+              role="tab"
+              aria-selected={visibleTab === "moments"}
+              className={`${styles.contentTab} ${visibleTab === "moments" ? styles.contentTabActive : ""}`}
+              onClick={() => setActiveTab("moments")}
+            >
+              Moments
+            </button>
           </div>
 
           <div className={styles.sectionHeader}>