fix(frontend): general before connections (#2848)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/user/page.tsx

@@ -34,7 +34,7 @@ const UserPage = (): JSX.Element => {
     isLogoutModalOpened,
     setIsLogoutModalOpened,
   } = useLogoutModal();
-  const [selectedTab, setSelectedTab] = useState("Connections");
+  const [selectedTab, setSelectedTab] = useState("General");
   const { remainingCredits, setRemainingCredits } = useUserSettingsContext();
 
   useEffect(() => {
@@ -64,18 +64,18 @@ const UserPage = (): JSX.Element => {
   ];
 
   const studioTabs: Tab[] = [
-    {
-      label: "Connections",
-      isSelected: selectedTab === "Connections",
-      onClick: () => setSelectedTab("Connections"),
-      iconName: "sync",
-    },
     {
       label: "General",
       isSelected: selectedTab === "General",
       onClick: () => setSelectedTab("General"),
       iconName: "user",
     },
+    {
+      label: "Connections",
+      isSelected: selectedTab === "Connections",
+      onClick: () => setSelectedTab("Connections"),
+      iconName: "sync",
+    },
   ];
 
   if (!session || !userData) {