fix(ui): make interactive controls show pointer cursor (#590)

packages/ui/src/components/layout/NavRail.tsx

@@ -319,7 +319,7 @@ const ProjectTile: React.FC<{
       type="button"
       {...longPressHandlers}
       className={cn(
-        'group relative flex items-center rounded-lg overflow-hidden cursor-default',
+        'group relative flex cursor-pointer items-center rounded-lg overflow-hidden',
         'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--interactive-focus-ring)]',
         expanded ? 'h-9 w-full gap-2.5 pr-1.5 pl-[7px]' : 'h-9 w-9 justify-center',
         !expanded && (
@@ -719,7 +719,7 @@ export const NavRail: React.FC<NavRailProps> = ({ className, mobile }) => {
   );
 
   const navRailActionButtonClass = cn(
-    'group relative flex h-8 items-center rounded-lg',
+    'group relative flex h-8 cursor-pointer items-center rounded-lg disabled:cursor-not-allowed',
     showExpandedContent ? 'w-full justify-start gap-2.5 pr-2 pl-2' : 'w-8 justify-center',
     showExpandedContent
       ? 'text-[var(--surface-mutedForeground)] hover:text-[var(--surface-foreground)]'