feat: add logo image and RTL support styles

- Added logo image to assets.
- Implemented RTL support styles in rtlSupport.scss for various components including breadcrumb, datatable, and tree node toggle button.

chore: configure environment files for production, staging, and development

- Created environment.prod.ts for production settings.
- Created environment.staging.ts for staging settings.
- Created environment.ts for local development settings.

feat: define custom theme preset

- Added presets.ts to define a custom theme preset using PrimeUIX with specific component styles and semantic colors.

chore: set up proxy configuration for local development

src/app/shared/components/input/input.component.html

@@ -0,0 +1,17 @@
+<uikit-field [label]="label" [name]="name" [control]="control">
+  <input
+    pInputText
+    [attr.id]="name"
+    [formControl]="control"
+    [attr.name]="name"
+    [attr.placeholder]="placeholder"
+    [attr.inputmode]="inputMode"
+    [attr.maxlength]="maxLength || null"
+    [attr.type]="htmlType"
+    [attr.autocomplete]="autocomplete"
+    [class]="`${inputClass} w-full ${size === 'large' ? 'p-inputtext-lg' : size === 'small' ? 'p-inputtext-sm' : ''}`"
+    [required]="isRequired"
+    [invalid]="control.invalid && (control.touched || control.dirty)"
+    (input)="onInput($event)"
+  />
+</uikit-field>

src/app/shared/components/input/input.component.ts

@@ -0,0 +1,96 @@
+import { Maybe } from '@/core';
+import { UikitFieldComponent } from '@/uikit/uikit-field.component';
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
+import { InputTextModule } from 'primeng/inputtext';
+
+@Component({
+  selector: 'app-input',
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, InputTextModule, UikitFieldComponent],
+  templateUrl: './input.component.html',
+})
+export class InputComponent {
+  @Input() type: 'simple' | 'postalCode' | 'mobile' | 'phone' | 'email' = 'simple';
+  @Input() control!: FormControl<Maybe<any>>;
+  @Input() name!: string;
+  @Input() label: string = '';
+  @Input() customPlaceholder?: string;
+  @Input() required = false;
+  @Input() disabled = false;
+  @Input() size?: 'small' | 'large';
+  @Input() autocomplete?: string = 'off';
+  @Output() valueChange = new EventEmitter<string>();
+
+  onInput(ev: Event) {
+    const v = (ev.target as HTMLInputElement).value;
+    this.valueChange.emit(v);
+  }
+
+  get placeholder(): string | null {
+    if (this.customPlaceholder) return this.customPlaceholder;
+    switch (this.type) {
+      case 'mobile':
+        return '09xxxxxxxx';
+      case 'postalCode':
+        return 'کد پستی (۱۰ رقم)';
+      case 'phone':
+        return 'شماره تلفن';
+      case 'email':
+        return 'آدرس ایمیل خود را وارد کنید';
+      default:
+        return '';
+    }
+  }
+
+  get inputMode(): string | null {
+    switch (this.type) {
+      case 'mobile':
+      case 'phone':
+      case 'postalCode':
+        return 'numeric';
+      default:
+        return 'text';
+    }
+  }
+
+  get maxLength(): number | null {
+    switch (this.type) {
+      case 'mobile':
+        return 11;
+      case 'postalCode':
+        return 10;
+      case 'phone':
+        return 11;
+      default:
+        return null;
+    }
+  }
+
+  get inputClass(): string {
+    switch (this.type) {
+      case 'mobile':
+      case 'phone':
+        return 'ltrInput';
+      case 'email':
+      case 'postalCode':
+        return 'ltrInput rtlPlaceholder';
+      default:
+        return '';
+    }
+  }
+
+  get htmlType(): string {
+    switch (this.type) {
+      case 'email':
+        return 'email';
+      default:
+        return 'text';
+    }
+  }
+
+  get isRequired(): boolean {
+    return this.required || this.control.hasValidator(Validators.required);
+  }
+}