set user app default favorite color swatches

App.js

@@ -40,6 +40,7 @@ import MotorEditActionModalContent, {
 } from "./src/Screens/Device/modals/EditActions/Motor";
 import WaitXSecondsEditActionModalContent from "./src/Screens/Device/modals/EditActions/Wait";
 import StopEditActionModalContent from "./src/Screens/Device/modals/EditActions/Stop";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 
 const Drawer = createDrawerNavigator();
 const Stack = createStackNavigator();
@@ -86,7 +87,9 @@ export function MyApp() {
       );
 
       appContext.setUserColorSwatchesFavorites(
-        userColorSwatchesFavorites === null ? [] : userColorSwatchesFavorites
+        userColorSwatchesFavorites === null
+          ? Constants.defaultColorSwatchesFavorites
+          : userColorSwatchesFavorites
       );
     };
 

src/utils.js

@@ -7,6 +7,15 @@ import * as Haptics from "expo-haptics";
 
 export const Constants = {
   defaultLanguage: "de",
+  defaultColorSwatchesFavorites: [
+    "#2ecc71",
+    "#3498db",
+    "#9b59b6",
+    "#f1c40f",
+    "#e67e22",
+    "#e74c3c",
+    "#fff",
+  ],
   languages: [
     {
       name: "de",