ux(fab): repositionner le bouton action sur la nav bar v0.4.7

FAB déplacé sur la barre de nav (bottom: 10px) au lieu de flotter
au-dessus de la liste — liste entièrement visible sur Shopping,
Todos et Notes. paddingBottom liste réduit à 64px (hauteur nav seule).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "homehub-frontend",
   "private": true,
-  "version": "0.4.6",
+  "version": "0.4.7",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/pages/NotesPage.tsx

@@ -350,7 +350,7 @@ export default function NotesPage() {
 
       {/* FAB */}
       <button
-        className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6"
+        className="fixed bottom-[10px] right-3 lg:bottom-6 lg:right-6"
         onClick={() => setShowForm(true)}
         aria-label="Nouvelle note"
         style={{

frontend/src/pages/ShoppingPage.tsx

@@ -487,7 +487,7 @@ export default function ShoppingPage() {
             </p>
           )}
 
-          <div style={{ flex: 1, overflowY: 'auto', paddingBottom: 80 }}>
+          <div style={{ flex: 1, overflowY: 'auto', paddingBottom: 64 }}>
             {uncheckedItems.map(item => (
               <ItemRow
                 key={item.id}
@@ -532,7 +532,7 @@ export default function ShoppingPage() {
               onClick={openAddSheet}
               aria-label="Ajouter un article"
               style={{
-                position: 'fixed', bottom: 72, right: 20,
+                position: 'fixed', bottom: 10, right: 12,
                 width: 56, height: 56, borderRadius: '50%',
                 background: 'var(--accent)', color: '#1d2021', border: 'none',
                 fontSize: 22, cursor: 'pointer', boxShadow: '0 4px 12px rgba(0,0,0,0.5)',

frontend/src/pages/TodosPage.tsx

@@ -397,7 +397,7 @@ export default function TodosPage() {
 
       {/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */}
       <button
-        className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6"
+        className="fixed bottom-[10px] right-3 lg:bottom-6 lg:right-6"
         onClick={() => setShowForm(true)}
         aria-label="Nouvelle tâche"
         style={{