feat: add SAC app icon to favicon, sidebar, and login page

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/AppSidebar.vue

@@ -1,6 +1,12 @@
 <template>
   <aside class="sac-sidebar">
-    <div class="sac-sidebar-brand">{{ appTitle }}</div>
+    <div class="sac-sidebar-brand">
+      <img src="/sac-icon.png" alt="" class="sac-brand-logo" width="40" height="40" />
+      <div class="sac-brand-text">
+        <span class="sac-brand-name">{{ appName }}</span>
+        <span class="sac-brand-version">v.{{ appVersion }}</span>
+      </div>
+    </div>
     <nav class="sac-sidebar-nav" aria-label="Основная навигация">
       <RouterLink
         v-for="item in navItems"
@@ -25,9 +31,10 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from "vue-router";
 import { clearToken } from "../api";
-import { APP_VERSION_LABEL } from "../version";
+import { APP_NAME, APP_VERSION } from "../version";
 
-const appTitle = APP_VERSION_LABEL;
+const appName = APP_NAME;
+const appVersion = APP_VERSION;
 const route = useRoute();
 const router = useRouter();
 
@@ -70,16 +77,42 @@ function logout() {
 }
 
 .sac-sidebar-brand {
-  font-weight: 700;
-  color: #fff;
-  font-size: 0.82rem;
-  line-height: 1.35;
+  display: flex;
+  align-items: center;
+  gap: 0.65rem;
   padding: 0.5rem 0.75rem 0.85rem;
-  white-space: nowrap;
   border-bottom: 1px solid #2a3441;
   margin-bottom: 0.5rem;
 }
 
+.sac-brand-logo {
+  flex-shrink: 0;
+  border-radius: 8px;
+  display: block;
+}
+
+.sac-brand-text {
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  min-width: 0;
+}
+
+.sac-brand-name {
+  font-weight: 700;
+  color: #fff;
+  font-size: 0.78rem;
+  line-height: 1.25;
+  white-space: nowrap;
+}
+
+.sac-brand-version {
+  color: #9aa4b2;
+  font-size: 0.72rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
 .sac-sidebar-nav {
   display: flex;
   flex-direction: column;