Redesign navbar and improve user handling

- templates/navbar: Restructured the sidebar into clear sections (Paste, User,
  Pastes, Links). Added a 'Make new paste' action button and a dedicated
  user profile area with login/logout buttons.
- pastebin.css: Added CSS for the new navbar components (.menu-content,
  .action-btn, .user-content) matching the existing design language.
- lib/Paste/Controller/Main.pm: Updated _create to respect the user's
  chosen name (poster) even when authenticated, persisting it to the session
  if changed. This allows users to paste with a different name than their
  GitLab username.

Author: Alexander Wirt

lib/Paste/Controller/Main.pm

@@ -324,17 +324,28 @@ sub _create {
         );
     }
 
-    my $name = $c->param('poster') || 'anonymous';
+    my $form_name = $c->param('poster');
+    my $name;
 
     my $authenticated = $c->current_user ? 1 : 0;
     my $session_id;
 
     if ($authenticated) {
         # If logged in, use the user's stable session ID
         $session_id = sha1_hex( $c->current_user->{id} );
-        $name = $c->current_user->{name} if $c->current_user->{name};
+        
+        # Use provided name or fallback to session name
+        $name = (defined $form_name && length $form_name) ? $form_name : $c->current_user->{name};
+        
+        # Update session if name changed
+        if ( defined $form_name && length $form_name && $name ne ($c->current_user->{name} // '') ) {
+             my $u = $c->session('user');
+             $u->{name} = $name;
+             $c->session(user => $u);
+        }
     } else {
-        # Anonymous paste (no persistent session)
+        # Anonymous paste
+        $name = $form_name || 'anonymous';
         $session_id = sha1_hex( rand() . time() );
     }
 

pastebin.css

@@ -29,7 +29,6 @@ h1 {
 	margin-top: 0px; 
 }
 
-
 p {
 	font:11px/20px verdana, arial, helvetica, sans-serif;
 	margin:0px 10px 10px 10px;
@@ -106,7 +105,7 @@ code { font-size:12px;}
 	margin-bottom: 11px;
 }
 
-.nav { margin: 0px 5px 0px 5px; }
+.nav { margin: 0px 5px 0px 5px; } 
 
 li.highlight{ background-color: #ccccff; }
 
@@ -146,7 +145,7 @@ li {
 	overflow: hidden;
 
 	/* IE5 Hack */
-	voice-family: "\"}\"";
+	voice-family: "}"" ;
 	voice-family:inherit;
 	width:155px;
 }
@@ -238,3 +237,63 @@ A:active { color: #F00; background: white none }
 .synTodo       { color: #0000FF ; background: #FFFF00 none }
 pre { display: inline; }
 
+
+/*Navbar Improvements */
+.menu-content {
+    padding: 8px;
+    margin-bottom: 10px;
+    border-left: 1px solid #3d8ea8;
+    border-right: 1px solid #3d8ea8;
+    border-bottom: 1px solid #005069;
+    background-color: #f9f9f9;
+}
+
+.action-btn {
+    display: block;
+    text-align: center;
+    background-color: #3d8ea8;
+    color: #ffffff !important;
+    padding: 6px;
+    text-decoration: none;
+    font-weight: bold;
+    border-radius: 3px;
+    border: 1px solid #005069;
+}
+
+.action-btn:hover {
+    background-color: #005069;
+    color: #ffffff !important;
+    text-decoration: none;
+}
+
+.action-btn.secondary {
+    background-color: #eee;
+    color: #333 !important;
+    border: 1px solid #ccc;
+}
+
+.action-btn.secondary:hover {
+    background-color: #ddd;
+    color: #000 !important;
+}
+
+.user-content {
+    text-align: center;
+}
+
+.logged-in-user {
+    margin-bottom: 5px;
+    font-weight: bold;
+    border-bottom: 1px solid #dcdcdc;
+    padding-bottom: 5px;
+    word-wrap: break-word;
+}
+
+.user-icon {
+    font-size: 1.2em;
+    vertical-align: middle;
+}
+
+.user-links a {
+    font-size: 0.9em;
+}

templates/navbar

@@ -3,19 +3,34 @@
 <div id="menu">
 
 <h1>Paste</h1>
-<a href="[% base_url %]">Make new paste</a>
-<br />
+<div class="menu-content">
+    <a href="[% base_url %]" class="action-btn">Make new paste</a>
+</div>
 
 [% IF auth_enabled %]
-    [% IF current_user %]
-        <div>Signed in as [% current_user.name | html %] | <a href="[% base_url %]/logout">Logout</a></div>
-    [% ELSE %]
-        <div><a href="[% base_url %]/auth/login">Login with GitLab</a></div>
-    [% END %]
+    <div class="user-section">
+        <h1>User</h1>
+        <div class="menu-content user-content">
+        [% IF current_user %]
+            <div class="logged-in-user">
+                <span class="user-icon">👤</span>
+                <span class="username">[% current_user.name | html %]</span>
+            </div>
+            <div class="user-links">
+                <a href="[% base_url %]/logout">Logout</a>
+            </div>
+        [% ELSE %]
+            <div class="login-action">
+                <a href="[% base_url %]/auth/login" class="action-btn secondary">Login with GitLab</a>
+            </div>
+        [% END %]
+        </div>
+    </div>
 [% END %]
 
 [% IF current_user && user_pastes.size > 0 -%]
 <h1>Your pastes</h1>
+<div class="menu-content">
 <ul>
 [% FOREACH post = user_pastes %]
 <li>
@@ -38,9 +53,14 @@
 </li>
 [% END %]
 </ul>
+</div>
 [% END %]
+
+<div class="links-section">
 [% INCLUDE links %]
 </div>
 
+</div>
+
 [%# vim: syntax=html sw=4 ts=4 noet shiftround
-%]
+%]