fix(ui): correct horizontal overflow behavior of settings tabs (#1667)

src/components/Common/SettingsTabs/index.tsx

@@ -136,9 +136,8 @@ const SettingsTabs: React.FC<{
           </nav>
         </div>
       ) : (
-        <div className="hidden sm:block">
+        <div className="hidden overflow-x-scroll border-b border-gray-600 sm:block hide-scrollbar">
-          <div className="border-b border-gray-600">
+          <nav className="flex">
-            <nav className="flex -mb-px">
             {settingsRoutes
               .filter(
                 (route) =>
@@ -164,7 +163,6 @@ const SettingsTabs: React.FC<{
               ))}
           </nav>
         </div>
-        </div>
       )}
     </>
   );