more fixes

- Drop the globe icon in the language switcher
- Only show RightArrow on nav menuitem hover
- Fix EU logo colors in light mode

apps/web/app/components/ui/Navigation/Navigation.tsx

@@ -45,16 +45,17 @@ export interface NavigationProps {
  * The SHARP-ER site navigation - Figma frame 20:236.
  *
  * Three slots, spread across the bar: the wordmark at the inline start, the
- * mega-menu groups in the middle, and the language globe at the inline end.
+ * mega-menu groups in the middle, and the language control at the inline end.
  * Everything is laid out with logical properties, so the Arabic bar mirrors
- * (logo right, globe left) from `<html dir="rtl">` alone - there is no separate
- * Arabic component, which is what variants 334:526 and 334:764 show.
+ * (logo right, language control left) from `<html dir="rtl">` alone - there is
+ * no separate Arabic component, which is what variants 334:526 and 334:764
+ * show.
  *
  * Below the xl breakpoint the bar collapses to wordmark + hamburger (20:220)
  * and the whole tree moves into a full-screen drawer.
  *
  * EU VISIBILITY: the updated design has no funding badge in the bar - the
- * Actions slot holds the language globe and the theme toggle. The mandatory
+ * Actions slot holds the language control and the theme toggle. The mandatory
  * "Funded by the European Union" lockup is carried by <Footer />, which
  * renders on every page, and by the mobile drawer; it is not dropped from the
  * site.
@@ -122,16 +123,16 @@ export function Navigation({
         />
 
         <div className="flex items-center gap-md">
-          {/* The globe is desktop-only: the mobile bar (20:220) is wordmark +
-              hamburger, and the drawer carries the switcher instead. Visibility
-              lives on this wrapper rather than on the child, because two
-              display utilities on one element are resolved by the order
+          {/* The language control is desktop-only: the mobile bar (20:220) is
+              wordmark + hamburger, and the drawer carries the switcher instead.
+              Visibility lives on this wrapper rather than on the child, because
+              two display utilities on one element are resolved by the order
               Tailwind emits them, not by class-attribute order. */}
           {showLanguageSwitcher && (
             /* Figma 555:3848 sets a 20px rule between the links and the
-               actions, then 24px to the globe. It is decorative, so it is
-               hidden from assistive technology and drawn with a border token
-               rather than a rule element. */
+               actions, then 24px to the language cluster. It is decorative, so
+               it is hidden from assistive technology and drawn with a border
+               token rather than a rule element. */
             <div className="hidden items-center gap-lg xl:flex">
               <span
                 aria-hidden="true"