Added: Link and Text component, Named links for components..., Tab layout

frontend/app/(app)/(tabs)/beer/add.js

@@ -0,0 +1,10 @@
+import { View } from "react-native";
+import Text from "@components/Text";
+
+export default function BeerAdd() {
+	return (
+		<View style={{ justifyContent: "center", alignItems: "center", flex: 1 }}>
+			<Text>Beer Add</Text>
+		</View>
+	);
+}

frontend/app/(app)/(tabs)/beer/index.js

@@ -0,0 +1,21 @@
+import { View } from "react-native";
+import Text from "@components/Text";
+import Button from "@components/Button";
+import { colors } from "@components/style";
+import { router } from "expo-router";
+
+export default function Tab() {
+	return (
+		<View style={{ justifyContent: "center", alignItems: "center", flex: 1 }}>
+			<Text>Tab BEER</Text>
+
+			<Button
+				title="Add Beers"
+				color={colors.gold}
+				onPress={() => {
+					router.replace("/beer/add");
+				}}
+			/>
+		</View>
+	);
+}