Fix overflow and superposition

src/common/components/BaseHeader.vue

@@ -9,7 +9,7 @@ import { navigations } from "@/common/constants/navigation";
   <div class="bg-cover bg-bottom">
     <div class="bg-gray-800 bg-opacity-90 backdrop-filter backdrop-blur-sm">
       <!-- Header -->
-      <header id="page-header" class="flex flex-none items-center py-10">
+      <header id="page-header" class="flex flex-none items-center py-10 z-1">
         <div class="flex flex-col text-center md:flex-row md:items-center md:justify-between space-y-6 md:space-y-0 container xl:max-w-7xl mx-auto px-4 lg:px-10">
           <div>
             <RouterLink :to="{name: 'home'}" class="inline-flex items-center space-x-2 font-bold text-lg tracking-wide text-white hover:opacity-75">
@@ -22,9 +22,9 @@ import { navigations } from "@/common/constants/navigation";
 
             <div class="flex items-center justify-center space-x-3">
               <SocialIconList />
-
-              <LanguageSelector />
             </div>
+
+            <LanguageSelector />
           </div>
         </div>
       </header>

src/common/components/BaseHomeHeader.vue

@@ -16,7 +16,7 @@ const { t } = useI18n();
   >
     <div class="bg-gray-800 bg-opacity-90 backdrop-filter">
       <!-- Header -->
-      <header id="page-header" class="flex flex-none items-center py-10">
+      <header id="page-header" class="flex flex-none items-center py-10 z-1">
         <div
           class="flex flex-col text-center md:flex-row md:items-center md:justify-between space-y-6 md:space-y-0 container xl:max-w-7xl mx-auto px-4 lg:px-10"
         >

src/i18n/locales/fr/views/download.json

@@ -1,6 +1,6 @@
 {
   "title1": "Dernier {0}",
-  "title2": "Télécharger",
+  "title2": "Téléchargement",
   "subTitle": "N'oubliez pas de consulter {0} après l'installation",
   "startupGuide": "le guide de démarrage",
   "download": "Télécharger",

src/layouts/BaseLayout.vue

@@ -13,7 +13,7 @@ const { currentRoute } = useRouter();
     class="flex flex-col mx-auto w-full min-h-screen bg-gray-100"
   >
     <main id="page-content" class="flex flex-auto flex-col max-w-full">
-      <div class="bg-gray-800 overflow-hidden">
+      <div class="bg-gray-800">
         <BaseHeader />
       </div>