Update color scheme in AppHeader and AppNavigation components for visual consistency

- Changed background color in AppHeader.vue and AppNavigation.vue to a new shade for improved aesthetics.
- Adjusted hover states and submenu background colors in AppNavigation.vue to match the updated theme.
- Refactored FamilyView.vue to enhance layout with additional padding for better alignment of elements.

frontend/src/views/falukant/FamilyView.vue

@@ -448,6 +448,7 @@ export default {
     display: flex;
     gap: 20px;
     align-items: flex-start;
+    padding-top: 24px;
 }
 
 .self-character-3d {
@@ -485,7 +486,7 @@ export default {
 }
 
 .relationship {
-    flex: 1;
+    flex: 0 1 auto;
 }
 
 .partner-character-3d {