[CSS][TWIG] Left panel HTML nesting to better aid screen readers.

Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>

public/assets/css/left/left.css

@@ -29,6 +29,11 @@
     font-family: var(--display-font);
 }
 
+.profile-nav nav {
+    display: flex;
+    flex-direction: column;
+}
+
 .profile {
     margin-bottom: var(--main-size);
 

templates/sidepanel/left/left.html.twig

@@ -28,6 +28,8 @@
                     </div>
                 </a>
             </div>
+
+            <nav>
                 <a href='#'>Messages</a>
                 <a href="{{ path("replies", {'nickname' : user_nickname}) }}"
                    class='hover-effect {{ active("replies") }}'>Replies</a>
@@ -37,17 +39,23 @@
                 <a href="{{ path('settings_personal_info') }}"
                    class='hover-effect {{ active('settings_') }}'>Settings</a>
                 <a href='{{ path('logout') }}'>Logout</a>
-            </ul>
+            </nav>
+
         {% else %}
             <div class="profile">
+                <nav>
                     <a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
                     <a href="{{ path('register') }}">Register</a>
+                </nav>
             </div>
         {% endif %}
 
         <div class="timeline-nav">
+            <h1>
                 <a href="{{ path('main_public') }}"
                    class='{{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
+            </h1>
+
             <hr>
 
             <nav class='sec-nav'>