fix: lint errors and minor style tweaks

Author: onmax

app/components/CountryBubbles.vue

@@ -24,8 +24,8 @@ const BUBBLE_PADDING = 8
 const BUBBLE_WIDTH = 160
 const BUBBLE_HEIGHT = 56
 
-const { mapInstance, flyTo, viewCenter, zoom } = useMapControls()
-const { locationCount, clusterCount } = useVisibleLocations()
+const { mapInstance, flyTo, viewCenter } = useMapControls()
+useVisibleLocations()
 const { width: windowWidth, height: windowHeight } = useWindowSize()
 
 // Fetch country counts (cached)
@@ -41,10 +41,6 @@ const markers = new Map<CountryCode, Marker>()
 // Hide bubbles during fly animation
 const isFlying = ref(false)
 
-// At zoom 9+, individual location pins are visible - never show bubbles
-// This prevents race condition where queryRenderedFeatures returns 0 while tiles are loading on slow devices
-const MIN_ZOOM_FOR_PINS = 9
-
 // Check if a point is within current map viewport
 function isPointInViewport(point: { lat: number, lng: number }): boolean {
   if (!mapInstance.value)
@@ -97,8 +93,8 @@ const showBubbles = computed(() => {
   if (isFlying.value)
     return false
 
-  // Touch reactive deps to trigger re-evaluation when map moves
-  // eslint-disable-next-line no-unused-expressions
+  // Touch reactive dep to trigger re-evaluation when map moves
+  // eslint-disable-next-line ts/no-unused-expressions
   viewCenter.value
 
   // Only show bubbles when outside ALL country bounds

app/components/LocationDrawer.vue

@@ -81,9 +81,9 @@ function handleClose() {
       />
       <DrawerContent flex="~ col" shadow="[0_-4px_24px_rgba(0,0,0,0.1)]" max-h="[calc(100dvh-env(safe-area-inset-top))]" outline-none rounded-t-12 bg-neutral-0 h-full w-full inset-x-0 bottom-0 fixed z-80>
         <!-- Handle and close button - absolutely positioned, overlay content -->
-        <div flex="~ items-center justify-center" top-0 left-0 right-0 pt-8 z-10 absolute pointer-events-none>
-          <DrawerHandle bg-neutral-400 rounded-full h-6 w-40 pointer-events-auto />
-          <button bg="neutral-500 hocus:neutral-600" stack rounded-full shrink-0 size-24 transition-colors top-12 right-12 pointer-events-auto absolute @click.stop="handleClose">
+        <div flex="~ items-center justify-center" pt-8 pointer-events-none left-0 right-0 top-0 absolute z-10>
+          <DrawerHandle rounded-full bg-neutral-400 h-6 w-40 pointer-events-auto />
+          <button bg="neutral-500 hocus:neutral-600" stack rounded-full shrink-0 size-24 pointer-events-auto transition-colors right-12 top-12 absolute @click.stop="handleClose">
             <Icon name="i-nimiq:cross-bold" text-neutral-0 size-10 />
           </button>
         </div>

app/components/LocationDrawerContent.vue

@@ -95,7 +95,7 @@ const { addressRef, showCopiedTooltip } = useAddressCopy()
 <template>
   <div h-full w-full relative of-hidden flex="~ col">
     <!-- Scrollable content -->
-    <div bg-neutral-0 flex-1 rounded-t-20 of-x-hidden of-y-auto :class="isCompact ? 'max-h-450px' : ''">
+    <div rounded-t-12 bg-neutral-0 flex-1 of-x-hidden of-y-auto :class="isCompact ? 'max-h-450px' : ''">
       <header pt-20 bg-neutral-0 relative f-px-md>
         <!-- Title -->
         <h2 leading-tight font-bold my-0 pr-40 line-clamp-2 text="f-xl neutral">

app/components/PhotoCarousel.vue

@@ -21,7 +21,7 @@ const availablePhotos = computed(() => Array.from({ length: MAX_PHOTOS }, (_, i)
       :src="`/blob/location/${uuid}/${photoIndex}`"
       :alt="t('photo.alt', { number: photoIndex + 1 })"
       :loading="i === 0 ? 'eager' : 'lazy'"
-      shrink-0 w-280 aspect-1.2 object-cover snap-center f-rounded-lg outline="1.5 offset--1.5 white/14"
+      rounded-6 shrink-0 w-280 object-cover snap-center outline="1.5 offset--1.5 white/14"
       @error="onError(photoIndex)"
     >
   </div>