Remove decorative icons and update CORS configuration

src/components/MaterialBadge.tsx

@@ -25,15 +25,15 @@ export const MaterialBadge: React.FC<MaterialBadgeProps> = ({ base, modifier, cl
   const getModifierIcon = () => {
     switch (modifier) {
       case 'Silk':
-        return '✨';
+        return 'S';
       case 'Matte':
-        return '🔵';
+        return 'M';
       case 'Glow':
-        return '💡';
+        return 'G';
       case 'Wood':
-        return '🪵';
+        return 'W';
       case 'CF':
-        return '⚫';
+        return 'CF';
       default:
         return null;
     }
@@ -46,7 +46,7 @@ export const MaterialBadge: React.FC<MaterialBadgeProps> = ({ base, modifier, cl
       </span>
       {modifier && (
         <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200">
-          {getModifierIcon()} {modifier}
+          {getModifierIcon() && <span className="font-bold">{getModifierIcon()}</span>} {modifier}
         </span>
       )}
     </div>