chore(release): 3.3.1 [skip ci]

components/Header/Locales/LocaleFlag.tsx

@@ -1,7 +1,5 @@
-import Image from "next/image"
-
-import type { CookiesStore } from "@/utils/constants"
 import { useI18n } from "@/i18n/i18n.client"
+import type { CookiesStore } from "@/utils/constants"
 
 export interface LocaleFlagProps {
   locale: string
@@ -14,17 +12,8 @@ export const LocaleFlag = (props: LocaleFlagProps): JSX.Element => {
   const i18n = useI18n(cookiesStore)
 
   return (
-    <>
+    <p data-cy="locale-flag-text" className="mx-2 text-lg font-semibold">
-      <Image
+      {i18n.translate(`common.${locale}`)}
-        quality={100}
+    </p>
-        width={35}
-        height={35}
-        src={`/images/locales/${locale}.svg`}
-        alt={locale}
-      />
-      <p data-cy="locale-flag-text" className="mx-2 text-base">
-        {i18n.translate(`common.${locale}`)}
-      </p>
-    </>
   )
 }

i18n/translations/en-US/common.json

@@ -1,6 +1,6 @@
 {
-  "en-US": "English",
+  "en-US": "🇺🇸 English",
-  "fr-FR": "French",
+  "fr-FR": "🇫🇷 French",
   "all-rights-reserved": "All rights reserved",
   "home": "Home"
 }

i18n/translations/fr-FR/common.json

@@ -1,6 +1,6 @@
 {
-  "en-US": "Anglais",
+  "en-US": "🇺🇸 Anglais",
-  "fr-FR": "Français",
+  "fr-FR": "🇫🇷 Français",
   "all-rights-reserved": "Tous droits réservés",
   "home": "Accueil"
 }

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "theoludwig",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "theoludwig",
-      "version": "3.3.0",
+      "version": "3.3.1",
       "hasInstallScript": true,
       "dependencies": {
         "@fontsource/montserrat": "5.0.18",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "theoludwig",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "private": true,
   "repository": {
     "type": "git",