chore: add overflow-managed profile tabs with JS layout and responsive CSS

devplacepy/static/css/base.css

@@ -272,10 +272,6 @@
 .save-btn-top {
     margin-top: 0.5rem;
 }
-.profile-tab-btn {
-    margin-left: auto;
-    font-size: 0.8125rem;
-}
 .post-action-static {
     cursor: default;
 }

devplacepy/static/css/profile.css

@@ -168,12 +168,32 @@ a.profile-stat-value:hover {
 
 .profile-tabs {
     display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
     gap: 0.25rem;
     margin-bottom: 1rem;
     background: var(--bg-card);
     border-radius: var(--radius-lg);
     padding: 0.25rem;
     border: 1px solid var(--border);
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+.profile-tabs.tabs-managed {
+    overflow: hidden;
+}
+
+.profile-tab {
+    flex-shrink: 0;
+    white-space: nowrap;
+}
+
+.profile-tabs-more {
+    margin-left: auto;
+    background: none;
+    border: none;
+    cursor: pointer;
 }
 
 .profile-tab:hover {
@@ -202,16 +222,12 @@ a.profile-stat-value:hover {
 
 @media (max-width: 480px) {
     .profile-tabs {
-        overflow-x: auto;
-        flex-wrap: nowrap;
-        -webkit-overflow-scrolling: touch;
         gap: 0.125rem;
     }
 
     .profile-tab {
         padding: 0.375rem 0.625rem;
         font-size: 0.75rem;
-        flex-shrink: 0;
     }
 
     .profile-card {