first commit

frontend/src/app/shared/layout/app-sidebar.component.html

@@ -0,0 +1,27 @@
+<div class="sidebar-brand">
+  <div class="sidebar-brand__logo">
+    <img src="https://mikrotik.com/logo/library/logo/SVG/MT_Symbol_Black.svg" alt="MikroTik" />
+  </div>
+  <div class="sidebar-brand__text" *ngIf="!collapsed">
+    <h2>{{ 'sidebar.title' | translate }}</h2>
+    <p>{{ 'sidebar.subtitle' | translate }}</p>
+  </div>
+</div>
+
+<div class="sidebar-section" *ngIf="!collapsed">
+  <div class="sidebar-section__label">{{ 'app.menu' | translate }}</div>
+</div>
+
+<nav class="sidebar-nav">
+  <a
+    *ngFor="let item of items"
+    [routerLink]="item.link"
+    routerLinkActive="is-active"
+    [routerLinkActiveOptions]="{ exact: item.exact ?? true }"
+    class="sidebar-nav__item"
+    (click)="navigate.emit()"
+  >
+    <i [class]="item.icon"></i>
+    <span *ngIf="!collapsed">{{ item.label | translate }}</span>
+  </a>
+</nav>