refactor: Simplify-Audit (toter Code, Helper-Reuse, Effizienz)

app/_layout.tsx

@@ -16,14 +16,14 @@ import {
   Nunito_700Bold,
   Nunito_800ExtraBold,
 } from '@expo-google-fonts/nunito';
+import { SITE_URL, PLAY_STORE_URL } from '../constants/ExternalLinks';
 
 // Initialize Sentry as early as possible (no-op on web or without DSN)
 initSentry();
 
 // Privacy-freundliches, minimales Analytics (no-op ohne EXPO_PUBLIC_PLAUSIBLE_DOMAIN)
 initAnalytics();
 
-const SITE_URL = 'https://s540d.github.io/DrawFromMemory/';
 const OG_IMAGE_URL = `${SITE_URL}feature-graphic.png`;
 const SEO_TITLE = 'Merke und Male – Gedächtnistraining für Kinder';
 const SEO_DESCRIPTION =
@@ -99,7 +99,7 @@ function RootLayoutContent() {
               price: '0',
               priceCurrency: 'EUR',
             },
-            installUrl: 'https://play.google.com/store/apps/details?id=com.s540d.merkeundmale',
+            installUrl: PLAY_STORE_URL,
           })}
         </script>
       </Head>

app/gallery.tsx

@@ -262,7 +262,7 @@ const styles = StyleSheet.create({
   },
   dailyBadge: {
     alignSelf: 'flex-start',
-    backgroundColor: '#F59E0B',
+    backgroundColor: Colors.accents.dailyChallenge,
     borderRadius: BorderRadius.sm,
     paddingHorizontal: 6,
     paddingVertical: 2,

app/game.tsx

@@ -1,16 +1,16 @@
 import React, { useState, useEffect } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity, Modal, Platform } from 'react-native';
+import { View, Text, StyleSheet, TouchableOpacity, Modal } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useScreenLayout } from '@utils/useScreenLayout';
 import { useRouter, useLocalSearchParams } from 'expo-router';
-import { getTotalLevels, getDifficultyForLevel } from '@services/LevelManager';
+import { getTotalLevels } from '@services/LevelManager';
 import { useTranslation, getLanguage } from '@services/i18n';
 import { useTheme } from '@services/ThemeContext';
 import Colors from '../constants/Colors';
 import { Spacing, FontSize, FontWeight, BorderRadius } from '../constants/Layout';
 import { FeatureFlags } from '../constants/featureFlags';
 import LevelImageDisplay from '@components/LevelImageDisplay';
-import DrawingCanvas, { useDrawingCanvas } from '@components/DrawingCanvas';
+import { useDrawingCanvas } from '@components/DrawingCanvas';
 import SettingsModal from '@components/SettingsModal';
 import { ErrorBoundary } from '@components/ErrorBoundary';
 import ConfettiBurst from '@components/ConfettiBurst';
@@ -87,7 +87,6 @@ export default function GameScreen() {
     handleRatingSubmit,
     saveToGallery,
     startReplay,
-    restartCurrentLevel,
     startNextLevel,
     restartFromLevel1,
   } = useGamePhase({
@@ -127,11 +126,6 @@ export default function GameScreen() {
     });
   }, [phase]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  const handleRestartCurrentLevel = () => {
-    resetHint();
-    restartCurrentLevel();
-  };
-
   const handleStartNextLevel = () => {
     if (levelNumber % LEVELS_PER_PAUSE === 0 && levelNumber < totalLevels) {
       setShowPauseModal(true);

app/levels.tsx

@@ -64,14 +64,14 @@ export default function LevelsScreen() {
 
   useEffect(() => {
     let mounted = true;
-    Promise.all(
-      levels.map(level =>
-        storageManager
-          .getLevelRating(level.number)
-          .then(r => [level.number, r] as [number, number | null]),
-      ),
-    ).then(entries => {
-      if (mounted) setRatings(Object.fromEntries(entries));
+    // Ein einziger Progress-Read statt einem getLevelRating()-Read pro Level
+    storageManager.getProgress().then(progress => {
+      if (!mounted) return;
+      setRatings(
+        Object.fromEntries(
+          levels.map(level => [level.number, progress.levels[level.number]?.bestRating ?? null]),
+        ),
+      );
     });
     return () => {
       mounted = false;

app/settings.tsx

@@ -3,8 +3,7 @@ import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-nati
 import { useRouter } from 'expo-router';
 import { useTranslation } from '@services/i18n';
 import { useTheme } from '@services/ThemeContext';
-import Colors from '../constants/Colors';
-import { Spacing, FontSize, FontWeight, BorderRadius } from '../constants/Layout';
+import { Spacing, FontSize, FontWeight } from '../constants/Layout';
 import SettingsModal from '@components/SettingsModal';
 
 /**

components/Badge.tsx

@@ -17,14 +17,6 @@ const VARIANT_COLORS: Record<BadgeVariant, string> = {
   difficulty: Colors.primary,
 };
 
-const DIFFICULTY_COLORS: Record<number, string> = {
-  1: Colors.difficulty[1],
-  2: Colors.difficulty[2],
-  3: Colors.difficulty[3],
-  4: Colors.difficulty[4],
-  5: Colors.difficulty[5],
-};
-
 /**
  * Badge – kleines Label für Status, Schwierigkeit oder Kategorien.
  *
@@ -48,7 +40,7 @@ export function Badge({
 }) {
   const backgroundColor =
     variant === 'difficulty' && difficulty !== undefined
-      ? (DIFFICULTY_COLORS[difficulty] ?? Colors.primary)
+      ? ((Colors.difficulty as Record<number, string>)[difficulty] ?? Colors.primary)
       : VARIANT_COLORS[variant];
 
   const containerStyle: ViewStyle[] = [

components/BadgesModal.tsx

@@ -55,7 +55,7 @@ export default function BadgesModal({ visible, onClose }: Props) {
                   style={[
                     styles.row,
                     {
-                      backgroundColor: colors.surface ?? Colors.surface,
+                      backgroundColor: colors.surface,
                       opacity: isUnlocked ? 1 : 0.45,
                       borderColor: isUnlocked ? Colors.primary : 'transparent',
                     },