style: added new screens and designs

app/tabStyles/indexStyles.tsx

@@ -0,0 +1,40 @@
+import { StyleSheet } from "react-native";
+
+export default StyleSheet.create({
+  mainContainer: {
+    flex: 1,
+    backgroundColor: "hsl(221, 39%, 11%)",
+  },
+  header: {
+    height: 125,
+    backgroundColor: "hsl(221, 39%, 12%)",
+    alignItems: "center",
+    justifyContent: "center",
+    borderBottomWidth: 1,
+    borderBottomColor: "hsl(221, 39%, 15%)",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 3,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  title: {
+    color: "white",
+    fontSize: 38,
+    fontWeight: "bold",
+    marginTop: "auto",
+    marginBottom: 15,
+  },
+  liveBadgeContainer: {
+    position: "absolute",
+    top: 15,
+    left: 20,
+    backgroundColor: "red",
+    borderRadius: 10,
+    paddingVertical: 5,
+    paddingHorizontal: 10,
+  },
+});