Completely reworked the app by starting fresh

- Now you can just swipe to access categories
- Redone side menu
- Inital API input screen is more legible
- A goose as an icon
- Proper display and internal name
- Correct handling of incoming data

styles/HomeScreen.styles.ts

@@ -1,79 +0,0 @@
-import { StyleSheet } from "react-native";
-
-export const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-		flexDirection: "row",
-		backgroundColor: "#f2f2f2",
-	},
-	sideMenu: {
-		width: 0,
-		backgroundColor: "#333",
-		paddingTop: 40,
-		paddingHorizontal: 0,
-		overflow: "hidden",
-	},
-	sideMenuOpen: {
-		width: 180,
-		paddingHorizontal: 16,
-	},
-	menuItem: {
-		paddingVertical: 16,
-		paddingHorizontal: 8,
-		borderRadius: 4,
-		marginBottom: 8,
-	},
-	menuItemSelected: {
-		backgroundColor: "#555",
-	},
-	menuText: {
-		color: "#fff",
-		fontSize: 18,
-	},
-	mainContent: {
-		flex: 1,
-		justifyContent: "center",
-		alignItems: "center",
-		position: "relative",
-	},
-	menuButton: {
-		position: "absolute",
-		top: 40,
-		left: 16,
-		zIndex: 1,
-		backgroundColor: "#333",
-		borderRadius: 20,
-		padding: 8,
-	},
-	menuButtonText: {
-		color: "#fff",
-		fontSize: 24,
-	},
-	title: {
-		fontSize: 24,
-		fontWeight: "bold",
-		marginTop: 60,
-		color: "#333",
-	},
-	dataContainer: {
-		marginTop: 24,
-		width: "90%",
-	},
-	dataItem: {
-		backgroundColor: '#fff',
-		borderRadius: 8,
-		padding: 16,
-		marginBottom: 12,
-		boxShadow: '0 2px 4px rgba(0,0,0,0.05)',
-	},
-	dataTitle: {
-		fontSize: 18,
-		fontWeight: "bold",
-		color: "#222",
-		marginBottom: 4,
-	},
-	dataDescription: {
-		fontSize: 15,
-		color: "#555",
-	},
-});

styles/styles.ts

@@ -0,0 +1,35 @@
+import { StyleSheet } from "react-native";
+
+export const styles = StyleSheet.create({
+	centered: {
+		flex: 1,
+		justifyContent: 'center',
+		alignItems: 'center',
+		padding: 16,
+		backgroundColor: '#fff', // dark background for screens
+	},
+	input: {
+		borderWidth: 1,
+		borderColor: '#555',
+		width: '80%',
+		padding: 8,
+		marginVertical: 16,
+		borderRadius: 8,
+		color: '#fff',
+	},
+	label: {
+		color: '#fff',
+		fontSize: 16,
+	},
+		logoutButton: {
+		backgroundColor: '#444',
+		paddingVertical: 12,
+		borderRadius: 8,
+		alignItems: 'center',
+	},
+	logoutText: {
+		color: '#fff',
+		fontSize: 16,
+		fontWeight: '600',
+	},
+});