Funnel .tsx extensions via subfolders

apps/photos/src/pages/_app.tsx

@@ -80,6 +80,7 @@ import { getTheme } from '@ente/shared/themes';
 import { AppUpdateInfo } from '@ente/shared/electron/types';
 import DownloadManager from 'services/download';
 import { sayHello } from '@/utils/hello';
+import { Card } from '@/utils/components/Card';
 // import { sayHello } from '@repo/ui/hello';
 
 const redirectMap = new Map([
@@ -412,6 +413,7 @@ export default function App(props: EnteAppProps) {
 
             <ThemeProvider theme={getTheme(themeColor, APPS.PHOTOS)}>
                 <CssBaseline enableColorScheme />
+                <Card />
                 {showNavbar && <AppNavbar isMobile={isMobile} />}
                 <MessageContainer>
                     {offline && t('OFFLINE_MSG')}

packages/utils/package.json

@@ -3,6 +3,7 @@
     "version": "0.0.0",
     "private": true,
     "exports": {
-        "./hello": "./src/hello.ts"
+        "./components/*": "./src/components/*.tsx",
+        "./*": "./src/*.ts"
     }
 }

packages/utils/src/components/Card.tsx

@@ -0,0 +1,3 @@
+export const Card: React.FC = () => {
+    return <div>Hello</div>;
+};