fix: Align GitHub and Buy Me a Coffee links on the right side of the top bar

src/css/topbar.css

@@ -25,6 +25,14 @@
   .logo span { color: var(--text-dim); margin: 0 5px; }
   .logo-sub { display: inline; }
 
+  .topbar-right {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: auto;
+    flex-shrink: 0;
+  }
+
   .live-dot {
     display: flex;
     align-items: center;
@@ -33,7 +41,6 @@
     font-family: 'Share Tech Mono', monospace;
     color: var(--accent-live);
     letter-spacing: 0.1em;
-    margin-left: auto;
     flex-shrink: 0;
   }
   .live-dot::before {
@@ -197,7 +204,7 @@
     .logo { font-size: 11px; }
     .clock { font-size: 14px; }
     .category-filter { max-width: 100%; }
-    .support-links { width: 100%; }
+    .topbar-right { width: 100%; justify-content: space-between; }
 
     .grid-wrapper { display: none; }
     .mobile-view { display: block; }

src/tpl/topbar.php

@@ -62,11 +62,13 @@ foreach ($theme_files as $file) {
     <option value=""><?= htmlspecialchars($L["category_all"] ?? 'All categories') ?></option>
   </select>
   <button class="search-btn" onclick="toggleSearch()" title="Search">&#128269;</button>
+  <div class="topbar-right">
     <div class="support-links">
       <a class="copy-btn support-link support-link-github" href="https://github.com/Johnnybegood90/GridTV" target="_blank" rel="noopener" title="GitHub">GitHub</a>
       <a class="copy-btn support-link support-link-coffee" href="https://buymeacoffee.com/johnnybegood320" target="_blank" rel="noopener" title="Buy Me a Coffee">Buy Me a Coffee</a>
     </div>
     <div class="live-dot"><?= htmlspecialchars($L["live"]) ?></div>
+  </div>
 </div>
 <div class="search-bar" id="searchBar">
   <input class="search-input" id="searchInput" type="text" placeholder="<?= htmlspecialchars($L["search_placeholder"]) ?>" oninput="onSearchInput(this.value)" />