Added biome for formatting, code formatted

frontend/components/Button.js

@@ -2,40 +2,40 @@ import React from "react";
 import { Text, StyleSheet, Pressable } from "react-native";
 
 export default function Button(props) {
-  const { onPress, title = "Save", color = "black" } = props;
-  return (
-    <Pressable
-      style={({ pressed }) => [
-        {
-          backgroundColor: pressed
-            ? "rgb(210, 230, 255 )"
-            : color
-            ? color
-            : "black",
-        },
-        styles.button,
-      ]}
-      onPress={onPress}
-    >
-      <Text style={styles.text}>{title}</Text>
-    </Pressable>
-  );
+	const { onPress, title = "Save", color = "black" } = props;
+	return (
+		<Pressable
+			style={({ pressed }) => [
+				{
+					backgroundColor: pressed
+						? "rgb(210, 230, 255 )"
+						: color
+							? color
+							: "black",
+				},
+				styles.button,
+			]}
+			onPress={onPress}
+		>
+			<Text style={styles.text}>{title}</Text>
+		</Pressable>
+	);
 }
 
 const styles = StyleSheet.create({
-  button: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 12,
-    paddingHorizontal: 32,
-    borderRadius: 4,
-    elevation: 3,
-  },
-  text: {
-    fontSize: 16,
-    lineHeight: 21,
-    fontWeight: "bold",
-    letterSpacing: 0.25,
-    color: "white",
-  },
+	button: {
+		alignItems: "center",
+		justifyContent: "center",
+		paddingVertical: 12,
+		paddingHorizontal: 32,
+		borderRadius: 4,
+		elevation: 3,
+	},
+	text: {
+		fontSize: 16,
+		lineHeight: 21,
+		fontWeight: "bold",
+		letterSpacing: 0.25,
+		color: "white",
+	},
 });

frontend/components/style.js

@@ -1,9 +1,9 @@
 export const colors = {
-  gold: "#FFD700ff",
-  gold: "#ffa500",
-  brown: "#8B4513ff",
-  green: "#228B22ff",
-  charcoal: "#2C3E50ff",
-  black: "#020405ff",
-  dark: "#010611",
+	gold: "#FFD700ff",
+	gold: "#ffa500",
+	brown: "#8B4513ff",
+	green: "#228B22ff",
+	charcoal: "#2C3E50ff",
+	black: "#020405ff",
+	dark: "#010611",
 };