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/uikit/searchField/search-field.component.html

@@ -0,0 +1,33 @@
+<div class="flex flex-col gap-3">
+  <uikit-field [label]="label" [control]="control" class="w-full">
+    <p-inputGroup>
+      <input
+        pInputText
+        [formControl]="control"
+        [placeholder]="placeholder"
+        [readonly]="searchedLoading()"
+        [minLength]="6"
+        [maxLength]="6"
+        [invalid]="control.touched && (control.invalid || !searchedItem())"
+      />
+      @if (searchedLoading()) {
+        <p-inputGroupAddon>
+          <p-progressSpinner class="!w-4 !h-4"></p-progressSpinner>
+        </p-inputGroupAddon>
+      }
+    </p-inputGroup>
+  </uikit-field>
+  @if (searchedLoading()) {
+    <div class="flex items-center justify-center">
+      <p-skeleton />
+    </div>
+  } @else if (searchedItem()) {
+    <p-message severity="success" [closable]="false" variant="text" icon="pi pi-check-circle">
+      {{ foundedMessage(searchedItem()!) }}
+    </p-message>
+  } @else if (control.value!.length === 6 && itemNotFound()) {
+    <p-message severity="error" [closable]="false" variant="text" icon="pi pi-times-circle">
+      {{ notFoundMessage }}
+    </p-message>
+  }
+</div>