Move session info to bottom and restyle for subtlety

Session info display was relocated from the logo area to the bottom of the main content in Home.razor. Updated CSS to make the session info less prominent by removing background and border, reducing font size and padding, and lowering opacity. Improved layout and responsiveness for a more subtle appearance.

TuneRipper/Pages/Home.razor

@@ -28,14 +28,6 @@
             <img src="images/logo.png" alt="TuneRipper Logo" class="logo" />
             <h1 class="app-title">TuneRipper</h1>
             <p class="app-subtitle">Convert YouTube videos to MP3 instantly</p>
-            
-            @* Session info display *@
-            @if (!string.IsNullOrWhiteSpace(currentSessionId))
-            {
-                <div class="session-info">
-                    <small>Session: @currentSessionId.Substring(0, 8)...</small>
-                </div>
-            }
         </div>
         
         <div class="download-form">
@@ -187,6 +179,14 @@
         </div>
         
         <DonateButton />
+        
+        @* Session info display - moved to bottom *@
+        @if (!string.IsNullOrWhiteSpace(currentSessionId))
+        {
+            <div class="session-info">
+                <small>Session: @currentSessionId.Substring(0, 8)...</small>
+            </div>
+        }
     </div>
 </div>