Refactor code structure for improved readability and maintainability

src/app/layout/default/app.sidebar.component.html

@@ -3,8 +3,12 @@
     <app-menu></app-menu>
   </div>
   <div class="shrink-0 sticky bottom-0">
-    <div class="py-2 w-full text-center">
-      <span class="text-muted-color text-sm font-medium">ارایه شده توسط (برند نرم‌افزار)</span>
+    <p-divider class="mb-1!" />
+    <div class="py-2 w-full text-center flex items-center gap-2">
+      <div class="w-10 h-10">
+        <img [src]="logo" alt="Logo" class="object-contain" />
+      </div>
+      <span class="text-muted-color text-sm font-medium">مدیریت صورت‌حساب‌های مالیاتی پاژن</span>
     </div>
   </div>
 </div>

src/app/layout/default/app.sidebar.component.ts

@@ -1,12 +1,16 @@
 import { Component, ElementRef } from '@angular/core';
+import { Divider } from 'primeng/divider';
+import images from 'src/assets/images';
 import { AppMenu } from './app.menu.component';
 
 @Component({
   selector: 'app-sidebar',
   standalone: true,
-  imports: [AppMenu],
+  imports: [AppMenu, Divider],
   templateUrl: './app.sidebar.component.html',
 })
 export class AppSidebar {
   constructor(public el: ElementRef) {}
+
+  logo = images.logo;
 }