feat: movie-web tab

apps/expo/src/app/(tabs)/_layout.tsx

@@ -3,6 +3,8 @@ import { Tabs } from "expo-router";
 
 import Colors from "@movie-web/tailwind-config/colors";
 
+import { MovieWebSvg } from "~/components/Icon";
+import SvgTabBarIcon from "~/components/SvgTabBarIcon";
 import TabBarIcon from "~/components/TabBarIcon";
 
 export default function TabLayout() {
@@ -65,6 +67,17 @@ export default function TabLayout() {
           ),
         }}
       />
+      <Tabs.Screen
+        name="movie-web"
+        options={{
+          title: "movie-web",
+          tabBarIcon: ({ focused }) => (
+            <SvgTabBarIcon focused={focused}>
+              <MovieWebSvg />
+            </SvgTabBarIcon>
+          ),
+        }}
+      />
       <Tabs.Screen
         name="settings"
         options={{
@@ -74,15 +87,6 @@ export default function TabLayout() {
           ),
         }}
       />
-      <Tabs.Screen
-        name="account"
-        options={{
-          title: "Account",
-          tabBarIcon: ({ focused }) => (
-            <TabBarIcon name="user" focused={focused} />
-          ),
-        }}
-      />
     </Tabs>
   );
 }

apps/expo/src/app/(tabs)/movie-web.tsx

@@ -1,10 +1,10 @@
 import ScreenLayout from "~/components/layout/ScreenLayout";
 import { Text } from "~/components/ui/Text";
 
-export default function AccountScreen() {
+export default function MovieWebScreen() {
   return (
-    <ScreenLayout title="Account">
-      <Text>Account tab</Text>
+    <ScreenLayout title="movie-web">
+      <Text>movie-web config tab</Text>
     </ScreenLayout>
   );
 }