From d58f7fab40762ba493ff6ac42188bdff1abef37c Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <business@jeanlucmakiola.de>
Date: Sun, 19 Apr 2026 19:50:38 +0200
Subject: [PATCH] fix(35-03): add cursor-pointer to FabMenu and BottomTabBar
 buttons

- Add cursor-pointer to FabMenu menu item buttons (motion.button)
- Add cursor-pointer to FabMenu main FAB button (motion.button)
- Add cursor-pointer to BottomTabBar anonymous collection tab button
- Add cursor-pointer to BottomTabBar anonymous setups tab button
- Add cursor-pointer to BottomTabBar search tab button
---
 src/client/components/BottomTabBar.tsx | 18 +++++++++++++++---
 src/client/components/FabMenu.tsx      |  4 ++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/client/components/BottomTabBar.tsx b/src/client/components/BottomTabBar.tsx
index 998f930..f0cba64 100644
--- a/src/client/components/BottomTabBar.tsx
+++ b/src/client/components/BottomTabBar.tsx
@@ -65,7 +65,11 @@ export function BottomTabBar() {
 						/>
 					</Link>
 				) : (
-					<button type="button" onClick={openAuthPrompt}>
+					<button
+						type="button"
+						onClick={openAuthPrompt}
+						className="cursor-pointer"
+					>
 						<TabItemWrapper
 							icon="package"
 							label={t("nav.collection")}
@@ -84,7 +88,11 @@ export function BottomTabBar() {
 						/>
 					</Link>
 				) : (
-					<button type="button" onClick={openAuthPrompt}>
+					<button
+						type="button"
+						onClick={openAuthPrompt}
+						className="cursor-pointer"
+					>
 						<TabItemWrapper
 							icon="layers"
 							label={t("nav.setups")}
@@ -94,7 +102,11 @@ export function BottomTabBar() {
 				)}
 
 				{/* Search tab — always a button, opens CatalogSearchOverlay */}
-				<button type="button" onClick={() => openCatalogSearch("collection")}>
+				<button
+					type="button"
+					onClick={() => openCatalogSearch("collection")}
+					className="cursor-pointer"
+				>
 					<TabItemWrapper
 						icon="search"
 						label={t("nav.search")}
diff --git a/src/client/components/FabMenu.tsx b/src/client/components/FabMenu.tsx
index 0c057a4..b1a70a3 100644
--- a/src/client/components/FabMenu.tsx
+++ b/src/client/components/FabMenu.tsx
@@ -82,7 +82,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
 							<motion.button
 								key={item.label}
 								type="button"
-								className="flex items-center gap-3 bg-white shadow-lg rounded-full px-4 py-3 hover:bg-gray-50 transition-colors"
+								className="flex items-center gap-3 bg-white shadow-lg rounded-full px-4 py-3 hover:bg-gray-50 transition-colors cursor-pointer"
 								initial={{ opacity: 0, y: 10, scale: 0.9 }}
 								animate={{ opacity: 1, y: 0, scale: 1 }}
 								exit={{ opacity: 0, y: 10, scale: 0.9 }}
@@ -105,7 +105,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
 			{/* FAB button */}
 			<motion.button
 				type="button"
-				className="fixed bottom-6 right-6 z-20 w-14 h-14 bg-gray-700 hover:bg-gray-800 text-white rounded-full shadow-lg hover:shadow-xl transition-colors flex items-center justify-center"
+				className="fixed bottom-6 right-6 z-20 w-14 h-14 bg-gray-700 hover:bg-gray-800 text-white rounded-full shadow-lg hover:shadow-xl transition-colors flex items-center justify-center cursor-pointer"
 				onClick={handleFabClick}
 				animate={{ rotate: fabMenuOpen ? 45 : 0 }}
 				transition={spring}