chore(settings,admin): consolidate Withings credentials, SettingsToggle stacking, and feedback tabs

v1.4.27 MB7 — four settings/admin polish items in one commit:

- CF-53: the Withings credentials grid drops from a 3-column row
  (client-id / secret / save) to a 2-column row of inputs with the
  Save button lifted into its own row below. The previous invisible-
  label hack collided on Galaxy Fold; the new row places the Save
  button at `justify-end` on every viewport and fills the column
  on `<sm`.
- CF-55: the feedback-inbox TabsList wraps in an `overflow-x-auto`
  strip so the 4 status pills + count badges scroll horizontally on
  Pixel 5 instead of squashing below the legibility floor.
- CF-56: the shared `SettingsToggle` row stacks vertically on `<sm`
  so the German description copy doesn't compete with the switch for
  horizontal space. The inline duplicate in
  `general-settings-section.tsx` (default-language row) picks up
  the same contract.
- CF-57: the integrations action row floors each button to a
  `min-w-[10rem]` on `<sm` so the four AlertDialog + test-connection
  triggers stack two per row at most and fill their column cleanly.

src/components/settings/integrations-section.tsx

@@ -389,7 +389,16 @@ function WithingsCard({
             {t("settings.withingsCredentials")}
           </h3>
           <form onSubmit={handleSaveCredentials} className="space-y-3">
-            <div className="grid gap-3 sm:grid-cols-3">
+            {/* v1.4.27 MB7 / CF-53 — the credentials grid drops from
+                a 3-column row (client-id / secret / save) to a
+                2-column row of inputs at `sm:`, with the Save button
+                lifted out into its own row below. The previous
+                "invisible Label" hack to align the button with the
+                input baselines fell apart on Galaxy Fold; lifting
+                the button into a dedicated `flex justify-end` row
+                gives it consistent placement on every viewport and
+                lets the input pair span the full width. */}
+            <div className="grid gap-3 sm:grid-cols-2">
               <div className="space-y-1.5">
                 <Label htmlFor="w-clientid">
                   {t("settings.withingsClientId")}
@@ -432,25 +441,24 @@ function WithingsCard({
                   enterKeyHint="done"
                 />
               </div>
-              <div className="space-y-1.5">
-                <Label className="invisible">{t("common.save")}</Label>
-                <Button
-                  type="submit"
-                  variant="outline"
-                  size="sm"
-                  className="h-9 w-full"
-                  disabled={
-                    credsSaving || !clientId.trim() || !clientSecret.trim()
-                  }
-                >
-                  {credsSaving ? (
-                    <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin motion-reduce:animate-none" />
-                  ) : (
-                    <Save className="mr-1 h-3.5 w-3.5" />
-                  )}
-                  {t("settings.withingsSaveCredentials")}
-                </Button>
-              </div>
+            </div>
+            <div className="flex justify-end">
+              <Button
+                type="submit"
+                variant="outline"
+                size="sm"
+                className="w-full sm:w-auto"
+                disabled={
+                  credsSaving || !clientId.trim() || !clientSecret.trim()
+                }
+              >
+                {credsSaving ? (
+                  <Loader2 className="mr-1 h-3.5 w-3.5 animate-spin motion-reduce:animate-none" />
+                ) : (
+                  <Save className="mr-1 h-3.5 w-3.5" />
+                )}
+                {t("settings.withingsSaveCredentials")}
+              </Button>
             </div>
             {credsMsg && (
               <p
@@ -465,7 +473,13 @@ function WithingsCard({
 
         {status?.connected ? (
           <>
-            <div className="flex flex-wrap items-start gap-2">
+            {/* v1.4.27 MB7 / CF-57 — the action row already wraps via
+                `flex-wrap`, but on Pixel 5 the four AlertDialog +
+                test-connection triggers each took a fractional slot
+                that read jagged. Force each button to a `min-w-[10rem]`
+                on `<sm` so they stack two per row at most and fill
+                their column cleanly. Tablet+ keeps the inline row. */}
+            <div className="flex flex-wrap items-start gap-2 [&>*]:min-w-[10rem] sm:[&>*]:min-w-0">
               <Button
                 variant="outline"
                 size="sm"