Add Backupper branding and author

webgui/Backupper.page

@@ -1,6 +1,6 @@
 Menu="Tasks:55"
 Name="Backupper"
-Icon="fa-floppy-o"
+Icon="backupper.png"
 Type="xmenu"
 Tabs="true"
 Code="f0c7"
@@ -9,10 +9,13 @@ Tag="backup restic snapshots restore"
 <?php
 $pluginRoot = '/plugins/backupper';
 ?>
-<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=202606147">
+<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/backupper.css?v=202606148">
 <div id="backupper-app" data-api="<?= $pluginRoot ?>/api.php">
   <header class="bu-header">
-    <div><h1>Backupper <span class="bu-version">2026.06.14.7</span></h1><p>Encrypted Restic backups for Unraid</p></div>
+    <div class="bu-brand">
+      <img class="bu-logo" src="<?= $pluginRoot ?>/images/backupper.png?v=202606148" alt="Backupper logo">
+      <div><h1>Backupper <span class="bu-version">2026.06.14.8</span></h1><p>Encrypted Restic backups for Unraid</p></div>
+    </div>
     <div id="bu-health" class="bu-health" tabindex="0" data-tooltip="Zeigt, ob die Backupper-Hintergrundkomponente erreichbar ist. Beispiel: 'Daemon online' bedeutet, dass Jobs gestartet werden können.">Connecting...</div>
   </header>
   <nav class="bu-tabs" aria-label="Backupper sections">
@@ -29,4 +32,4 @@ $pluginRoot = '/plugins/backupper';
   <div id="bu-tooltip" role="tooltip" aria-hidden="true"></div>
 </div>
 <script>window.BACKUPPER_CSRF = <?= json_encode($var['csrf_token'] ?? '') ?>;</script>
-<script src="<?= $pluginRoot ?>/assets/backupper-2026.06.14.7.js"></script>
+<script src="<?= $pluginRoot ?>/assets/backupper-2026.06.14.8.js"></script>

webgui/assets/backupper.css

@@ -21,6 +21,8 @@
 }
 
 .bu-header { align-items: center; display: flex; justify-content: space-between; margin: 6px 0 22px; }
+.bu-brand { align-items: center; display: flex; gap: 14px; min-width: 0; }
+.bu-logo { display: block; flex: 0 0 auto; height: 58px; object-fit: contain; width: 58px; }
 #backupper-app .bu-header h1 { color: var(--bu-text) !important; font-size: 30px; font-weight: 700; line-height: 1.2; margin: 0; }
 .bu-version { border: 1px solid var(--bu-border); border-radius: 999px; display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 7px; vertical-align: middle; }
 #backupper-app .bu-header p { color: var(--bu-muted) !important; font-size: 16px; margin: 5px 0 0; opacity: .78; }