Add for leave family

apps/frontend/app/family/page.tsx

@@ -65,12 +65,12 @@ export default function FamilyPage() {
   return (
     <IdShell active="/family" wide>
       <p className="text-sm text-[#667085]">Семья</p>
-      <h1 className="text-4xl font-medium tracking-tight">Семейный доступ</h1>
-      <p className="mt-2 text-[#667085]">Приглашайте близких, общайтесь в чатах и управляйте семейной группой.</p>
+      <h1 className="text-2xl font-medium tracking-tight sm:text-4xl">Семейный доступ</h1>
+      <p className="mt-2 text-sm text-[#667085] sm:text-base">Приглашайте близких, общайтесь в чатах и управляйте семейной группой.</p>
 
-      <div className="mt-8 flex gap-3">
-        <Input value={name} onChange={(event) => setName(event.target.value)} placeholder="Название семьи" />
-        <Button onClick={() => void createGroup()} disabled={creating || !name.trim()}>
+      <div className="mt-6 flex flex-col gap-3 sm:mt-8 sm:flex-row">
+        <Input value={name} onChange={(event) => setName(event.target.value)} placeholder="Название семьи" className="min-w-0 flex-1" />
+        <Button className="shrink-0" onClick={() => void createGroup()} disabled={creating || !name.trim()}>
           {creating ? 'Создаём...' : (<><Plus className="h-4 w-4" />Создать</>)}
         </Button>
       </div>