Update menu entries and fixes some profile picture problems.

Added help pages too.

templates/public/PAGE_CONTAINER.html

@@ -100,8 +100,12 @@
 				<div class="$menu-group">
 				<div class="$menu-group-title">{{ $navEntry.title }}</div>
 					<xf:foreach loop="$navEntry.children" key="$childNavId" value="$childNavEntry" i="$j">
-						<a href="{{ $childNavEntry.href }}" class="$menu-item" >
-							<i data-lucide="{{ $childNavEntry.attributes.icon}}"></i><span>{{ $childNavEntry.title }}</span>
+						<a href="{{ $childNavEntry.href }}"
+						   class="$menu-item"
+						   style="{{ $childNavEntry.attributes.color ? 'color:' . $childNavEntry.attributes.color : '' }}"
+						   target="{{ $childNavEntry.attributes.target }}"
+						>
+							<i data-lucide="{{ $childNavEntry.attributes.icon }}"></i><span>{{ $childNavEntry.title }}</span>
 						</a>
 					</xf:foreach>
 				</div>

templates/public/extra.less

@@ -71,6 +71,9 @@ ul {
     /* Menu settings */
     --menu-size: 260px;
     --menu-user-avatar-bg: #555;
+
+    /* Gap */
+    --gap: 15px;
 }
 
 .\$light-mode {
@@ -132,6 +135,7 @@ ul {
     background-color: var(--bg2);
     border: 1px solid var(--border);
     display: flex;
+    min-width: 0;
     flex-direction: column;
     transition: transform 0.2s, border-color 0.2s;
     cursor: pointer;
@@ -144,6 +148,7 @@ ul {
     .\$entry-cover-wrapper {
         position: relative;
         aspect-ratio: 4/3;
+        min-width: 0;
         background-color: var(--bg);
         border-bottom: 1px solid var(--border);
         display: flex;
@@ -183,6 +188,7 @@ ul {
         font-size: 1.1rem;
         margin-bottom: 5px;
         line-height: 1.3;
+        word-wrap: break-word;
     }
 
     .\$entry-card-author {
@@ -5277,6 +5283,14 @@ ul {
             display: flex;
             align-items: center;
             justify-content: center;
+            overflow: hidden;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                    border-radius: 50%;
+                }
         }
         .\$menu-user-info {
             display: flex;