website refactor

apps/website/ui/CountryFlag.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useState } from 'react';
+import React from 'react';
 
 // ISO 3166-1 alpha-2 country code to full country name mapping
 const countryNames: Record<string, string> = {
@@ -78,8 +78,6 @@ export function CountryFlag({
   className = '',
   showTooltip = true
 }: CountryFlagProps) {
-  const [showTooltipState, setShowTooltipState] = useState(false);
-  
   const sizeClasses = {
     sm: 'text-xs',
     md: 'text-sm',
@@ -92,17 +90,9 @@ export function CountryFlag({
   return (
     <span 
       className={`inline-flex items-center relative ${sizeClasses[size]} ${className}`}
-      onMouseEnter={() => setShowTooltipState(true)}
-      onMouseLeave={() => setShowTooltipState(false)}
       title={showTooltip ? countryName : undefined}
     >
       <span className="select-none">{flag}</span>
-      {showTooltip && showTooltipState && (
-        <span className="absolute bottom-full left-1/2 -translate-x-1/2 mb-1 px-2 py-1 text-xs font-medium text-white bg-deep-graphite border border-charcoal-outline rounded shadow-lg whitespace-nowrap z-50">
-          {countryName}
-          <span className="absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-charcoal-outline"></span>
-        </span>
-      )}
     </span>
   );
 }