fix: weather modal, remove tasks/savings, fix HA controls, safe-area BottomNav

components/BottomNav.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { motion } from "framer-motion";
-import { Home, Cpu, CheckSquare, Settings } from "lucide-react";
+import { Home, Cpu, Settings } from "lucide-react";
 
 interface Props {
   active: string;
@@ -11,14 +11,13 @@ interface Props {
 const TABS = [
   { id: "home", label: "Главная", icon: Home, color: "#6366f1" },
   { id: "devices", label: "Устройства", icon: Cpu, color: "#3b82f6" },
-  { id: "tasks", label: "Задачи", icon: CheckSquare, color: "#8b5cf6" },
   { id: "settings", label: "Настройки", icon: Settings, color: "#10b981" },
 ];
 
 export default function BottomNav({ active, onChange }: Props) {
   return (
     <motion.div
-      className="glass-card px-3 py-2 flex items-center justify-around no-select"
+      className="glass-card px-3 py-2 flex items-center justify-around no-select flex-shrink-0"
       style={{ borderRadius: "20px" }}
       initial={{ opacity: 0, y: 20 }}
       animate={{ opacity: 1, y: 0 }}
@@ -31,7 +30,7 @@ export default function BottomNav({ active, onChange }: Props) {
           <motion.button
             key={tab.id}
             onClick={() => onChange(tab.id)}
-            className="flex flex-col items-center gap-1.5 px-8 py-2 rounded-2xl relative"
+            className="flex flex-col items-center gap-1.5 px-10 py-2 rounded-2xl relative"
             whileTap={{ scale: 0.85 }}
           >
             {isActive && (
@@ -46,15 +45,8 @@ export default function BottomNav({ active, onChange }: Props) {
                 transition={{ type: "spring", stiffness: 450, damping: 30 }}
               />
             )}
-            <Icon
-              size={22}
-              color={isActive ? tab.color : "var(--text-secondary)"}
-              strokeWidth={isActive ? 2 : 1.5}
-            />
-            <span
-              className="text-xs font-semibold"
-              style={{ color: isActive ? tab.color : "var(--text-secondary)" }}
-            >
+            <Icon size={22} color={isActive ? tab.color : "var(--text-secondary)"} strokeWidth={isActive ? 2 : 1.5} />
+            <span className="text-xs font-semibold" style={{ color: isActive ? tab.color : "var(--text-secondary)" }}>
               {tab.label}
             </span>
           </motion.button>