fix(cabinet): sweep mobile flex-overflow across all pages + components

Full scan of every page/component for the Connected-Accounts overflow class
(long user data with no truncation pushing siblings off the card on mobile),
adversarially verified. Applied min-w-0 + truncate (break-all for copyable
values, break-words for titles) on text columns and shrink-0 on fixed
siblings across ~23 files: AppHeader, dashboard/SubscriptionCardActive,
subscription purchase/sheets (TariffPurchaseForm, ClassicPurchaseWizard,
SwitchTariffSheet), SuccessNotificationModal, PurchaseSuccess, Wheel sub
picker, ReferralNetwork UserDetailPanel, and the admin pages (AnalyticsTab,
BrandingTab, SubscriptionSubRow, user-detail Info/Referrals tabs,
ApplicationReview, PartnerCampaignAssign, Partners, PromocodeStats,
PromoOfferSend, RemnawaveSquadDetail, TariffCreate, Tickets, Withdrawals).

src/components/layout/AppShell/AppHeader.tsx

@@ -343,9 +343,11 @@ export function AppHeader({
                   >
                     <UserIcon className="h-5 w-5" />
                   </div>
-                  <div>
-                    <div className="text-sm font-medium text-dark-100">{displayName(user)}</div>
-                    <div className="text-xs text-dark-500">
+                  <div className="min-w-0">
+                    <div className="truncate text-sm font-medium text-dark-100">
+                      {displayName(user)}
+                    </div>
+                    <div className="truncate text-xs text-dark-500">
                       @{user?.username || `ID: ${user?.telegram_id}`}
                     </div>
                   </div>