fix(language-icon): use correct file from languageicon.org (#57)

* Initial plan

* fix(language-icon): use correct file from languageicon.org

* fix: use language icon asset in switcher

* fix: enlarge language selector icon

---------

Co-authored-by: marcelocra <2532492+marcelocra@users.noreply.github.com>
Co-authored-by: openai-code-agent[bot] <242516109+Codex@users.noreply.github.com>

Author: 3 people

www/components/language-switcher.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import { useState, useRef, useEffect } from "react";
 import { useLocale, useTranslations } from "next-intl";
 import { locales, localeNames, type Locale } from "@/i18n/config";
@@ -47,22 +48,7 @@ export function LanguageSwitcher() {
         aria-expanded={isOpen}
         aria-haspopup="listbox"
       >
-        {/* 
-          Official Language Icon from languageicon.org
-          Design: Two overlapping speech bubbles representing multilingual communication
-          Source: https://languageicon.org/
-        */}
-        <svg className="w-5 h-5" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
-          {/* Back speech bubble (filled) */}
-          <path d="M15 20 L55 20 L55 55 L35 55 L25 70 L25 55 L15 55 Z" fill="currentColor" />
-          {/* Front speech bubble (outlined/white fill) */}
-          <path
-            d="M45 35 L85 35 L85 70 L75 70 L75 85 L65 70 L45 70 Z"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="4"
-          />
-        </svg>
+        <Image src="/language-icon.svg" alt="" aria-hidden width={24} height={24} className="w-6 h-6" />
         <span className="text-sm font-medium hidden sm:inline">{currentLocale === "en" ? "EN" : "PT"}</span>
         {/* Dropdown arrow */}
         <svg