Fixed react-world-flags interop so shade's Flag renders under both bundlers

apps/shade/src/components/ui/flag.tsx

@@ -1,6 +1,21 @@
 import {cn} from '@/lib/utils';
 import React from 'react';
-import ReactFlag from 'react-world-flags';
+import * as ReactWorldFlags from 'react-world-flags';
+
+// react-world-flags is CommonJS shaped `{ __esModule: true, default: Component }`.
+// esbuild/Rollup unwrap the default to the component; Rolldown returns the wrapper
+// object (whose `.default` is still the wrapper), so unwrap explicitly. Works under
+// both bundlers.
+function interopDefault<T>(mod: unknown): T {
+    let value: unknown = (mod && typeof mod === 'object' && 'default' in mod)
+        ? (mod as {default: unknown}).default
+        : mod;
+    if (value && typeof value === 'object' && '__esModule' in value && 'default' in value) {
+        value = (value as {default: unknown}).default;
+    }
+    return value as T;
+}
+const ReactFlag = interopDefault<React.ComponentType<Record<string, unknown>>>(ReactWorldFlags);
 
 interface FlagProps {
     width?: string;