fix(insta): feed remplit toute la hauteur de colonne, Boutique collée en bas

La zone de scroll avait une max-height fixe (420px) alors que la colonne
fait toute la hauteur de la page -> gros bandeau blanc entre le feed et
le footer. Passe en flex-col (header shrink-0, feed flex-1 scrollable,
Boutique shrink-0 collée en bas), le feed occupe maintenant tout
l'espace disponible.

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

src/components/astro/ColInsta.astro

@@ -6,7 +6,7 @@ const JULESNENY_FEED = Array.from(
   (_, i) => `/images/instagram/feed/feed-${String(i + 1).padStart(2, '0')}.jpg`
 );
 ---
-<div class="h-full overflow-y-auto">
+<div class="h-full overflow-hidden">
   <InstaFeed
     client:visible
     account="Jules Neny"

src/components/vue/InstaFeed.vue

@@ -9,8 +9,8 @@ defineProps<{
 </script>
 
 <template>
-  <section class="border-b border-neutral-200 last:border-b-0">
-    <header class="px-4 py-3 flex items-center justify-between gap-3">
+  <section class="h-full flex flex-col border-b border-neutral-200 last:border-b-0">
+    <header class="shrink-0 px-4 py-2 flex items-center justify-between gap-3">
       <a
         :href="accountUrl"
         target="_blank"
@@ -29,7 +29,7 @@ defineProps<{
       </a>
     </header>
 
-    <div class="insta-feed-scroll">
+    <div class="insta-feed-scroll flex-1 min-h-0">
       <a
         :href="accountUrl"
         target="_blank"
@@ -47,9 +47,9 @@ defineProps<{
       </a>
     </div>
 
-    <div class="px-4 py-2">
+    <div class="shrink-0 px-2 py-1">
       <span
-        class="block text-center px-3 py-1.5 bg-neutral-200 text-neutral-400 rounded-lg text-xs cursor-not-allowed"
+        class="block text-center px-3 py-1 bg-neutral-200 text-neutral-400 rounded text-xs cursor-not-allowed"
         aria-disabled="true"
         title="Boutique — bientôt disponible"
       >
@@ -61,7 +61,6 @@ defineProps<{
 
 <style scoped>
 .insta-feed-scroll {
-  max-height: 420px;
   overflow-y: auto;
   scrollbar-width: thin;
 }