add a simple page for the Screens in tab

app/(tabs)/modes/clock.tsx

@@ -0,0 +1,12 @@
+import ThemedHeader from "@/src/components/themed/ThemedHeader";
+import ThemedBackground from "@/src/components/themed/ThemedBackground";
+
+export default function ClockScreen() {
+    return (
+        <ThemedBackground>
+            <ThemedHeader>
+                Clock Mode
+            </ThemedHeader>
+        </ThemedBackground>
+    );
+}

app/(tabs)/modes/image.tsx

@@ -0,0 +1,13 @@
+import ThemedHeader from "@/src/components/themed/ThemedHeader";
+import React from "react";
+import ThemedBackground from "@/src/components/themed/ThemedBackground";
+
+export default function ImageScreen() {
+    return (
+        <ThemedBackground>
+            <ThemedHeader>
+                Image Mode
+            </ThemedHeader>
+        </ThemedBackground>
+    );
+}

app/(tabs)/modes/music.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import ThemedBackground from "@/src/components/themed/ThemedBackground";
+import ThemedHeader from "@/src/components/themed/ThemedHeader";
+
+export default function MusicScreen() {
+    return (
+        <ThemedBackground>
+            <ThemedHeader>
+                Music Mode
+            </ThemedHeader>
+        </ThemedBackground>
+    );
+}