refactor: some responsive fixes

Author: Julien-R44

inertia/components/footer.vue

@@ -5,7 +5,7 @@ import Socials from '@/components/socials.vue'
 <template>
   <div class="p-container mb-4 footer">
     <div class="flex flex-col gap-5">
-      <div class="grid grid-cols-1 gap-8" md="grid-cols-4">
+      <div class="grid grid-cols-1 gap-4" md="grid-cols-4 gap-8">
         <div class="bg-base2 rounded p-4 border border-base3 group">
           <div class="h-full flex flex-col justify-between">
             <div class="space-y-4">

inertia/pages/home/components/official_package_button.vue

@@ -9,7 +9,7 @@ const officialPackagesOnly = defineModel<boolean>()
     aria-label="Official packages"
     theme="primary"
     size="s"
-    class="flex items-center justify-center rounded border border-base5 bg-base3 px-4 text-base transition-all space-x-2 text-sm transition duration-300"
+    class="flex items-center justify-center rounded border border-base5 bg-base3 px-4 text-base transition-all space-x-2 text-sm transition duration-300 py-2"
     hover="bg-base4"
     :class="{
       'bg-base border-yellow-500/30': officialPackagesOnly,