Falukant production, family and administration enhancements

frontend/src/components/AppNavigation.vue

@@ -13,11 +13,20 @@
               class="submenu-icon">&nbsp;</span>
             <span>{{ $t(`navigation.m-${key}.${subkey}`) }}</span>
             <span v-if="subkey === 'forum'" class="subsubmenu">&#x25B6;</span>
+            <span v-else-if="subitem.children" class="subsubmenu">&#x25B6;</span> 
             <ul v-if="subkey === 'forum' && forumList.length > 0" class="submenu2">
               <li v-for="forum in forumList" :key="forum.id" @click="openForum(forum.id, $event)">
                 {{ forum.name }}
               </li>
             </ul>
+            <ul v-else-if="subitem.children" class="submenu2">
+              <li v-for="(subsubitem, subsubkey) in subitem.children" :key="subsubitem.text"
+                @click="openPage(subsubitem.path ?? null)">
+                <span v-if="subsubitem.icon" :style="`background-image:url('/images/icons/${subsubitem.icon}')`"
+                  class="submenu-icon">&nbsp;</span>
+                <span>{{ $t(`navigation.m-${key}.m-${subkey}.${subsubkey}`) }}</span>
+              </li>
+            </ul>
           </li>
           <li v-if="item.showLoggedinFriends === 1 && friendsList.length > 0" v-for="friend in friendsList" :key="friend.id">
             {{ friend.username }}