Enhance usability and localization across components: Update USABILITY_CONCEPT.md with new focus areas, improve user feedback in AppFooter and FamilyView components, and refine text in various UI elements for better clarity and consistency. Replace console logs with user-friendly messages, correct German translations, and streamline interaction logic in multiple components.

frontend/src/utils/threeLoaders.js

@@ -0,0 +1,7 @@
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
+
+export {
+  DRACOLoader,
+  GLTFLoader
+};

frontend/src/utils/threeModelRuntime.js

@@ -0,0 +1,9 @@
+import { AnimationMixer } from 'three/src/animation/AnimationMixer.js';
+import { Box3 } from 'three/src/math/Box3.js';
+import { Vector3 } from 'three/src/math/Vector3.js';
+
+export {
+  AnimationMixer,
+  Box3,
+  Vector3
+};

frontend/src/utils/threeRuntime.js

@@ -0,0 +1,19 @@
+import { PerspectiveCamera } from 'three/src/cameras/PerspectiveCamera.js';
+import { Clock } from 'three/src/core/Clock.js';
+import { AmbientLight } from 'three/src/lights/AmbientLight.js';
+import { DirectionalLight } from 'three/src/lights/DirectionalLight.js';
+import { Color } from 'three/src/math/Color.js';
+import { TextureLoader } from 'three/src/loaders/TextureLoader.js';
+import { WebGLRenderer } from 'three/src/renderers/WebGLRenderer.js';
+import { Scene } from 'three/src/scenes/Scene.js';
+
+export {
+  AmbientLight,
+  Clock,
+  Color,
+  DirectionalLight,
+  PerspectiveCamera,
+  Scene,
+  TextureLoader,
+  WebGLRenderer
+};