Left-align the signed-out account sign-in block

[ComputelessComputer]

Summary

Problem: The signed-out sign-in block on the Account settings page rendered centered. Its wrapper's @sm:flex-row never applied because the prebuilt @anlg/ui stylesheet is imported after the app CSS and its base .flex-col wins inside the shared utilities layer, while @sm:items-center still did apply, so the single child ended up centered in a column.

Fix: Drop the variant-dependent wrapper and stack the copy and button in a plain left-aligned column, which does not depend on the container-query variant winning the cascade.

Verification

• pnpm -F desktop typecheck
• pnpm exec oxlint --quiet --format=github apps/desktop/src/
• pnpm -F desktop test — src/settings/general suites pass; the only failures in the full run are the pre-existing src/devtools-bar/index.test.tsx suite (localStorage undefined under Node 26 + jsdom locally; CI runs Node 22)
• pnpm fmt:check

---

Note

Low Risk
Presentation-only change in Account settings for unauthenticated users; no auth, billing, or data-flow changes.

Overview
Fixes signed-out Account settings layout so the “Sign in to Anarlog” copy and Get started button stay left-aligned instead of appearing centered.

The change removes the nested responsive wrapper that used container-query classes (@sm:flex-row, @sm:items-center, @sm:justify-between) and replaces it with a single column section (flex-col, items-start, gap-4) that stacks the heading, description, and button. The sign-in button also drops w-fit so width follows the updated layout. Sign-in behavior (handleSignIn) is unchanged.

^{Reviewed by Cursor Bugbot for commit 128af3c. Bugbot is set up for automated code reviews on this repo. Configure here.}

[netlify]

✅ Deploy Preview for anarlog canceled.

Name	Link
🔨 Latest commit	128af3c
🔍 Latest deploy log	https://app.netlify.com/projects/anarlog/deploys/6a999677534a1d00086fc039