feat: add item-no-found component

Author: HlibPavlyk

src/CoinyProject.Client/src/app/shared/item-no-found/item-no-found.component.css

@@ -0,0 +1,21 @@
+<div class="flex flex-col items-center justify-center bg-yellow-50 border-gray-200 rounded-lg shadow-lg p-8  mx-auto">
+  <!-- Image Section -->
+  <img src="no-items-found.webp" alt="No Items Found Illustration" class=" max-w-md" />
+
+  <!-- Heading -->
+  <h1 class="text-2xl font-semibold text-gray-800 mb-4">No Items Found</h1>
+
+  <!-- Message -->
+  <p class="text-base text-gray-600 mb-6 text-center">
+    It looks like we couldn’t find any items that match your search. Please try again with different keywords.
+  </p>
+
+  <!-- Button to Return or Retry -->
+  <a [routerLink]="['/']"
+     class="inline-flex items-center px-6 py-3 bg-yellow-500 text-white text-base font-semibold rounded-md hover:bg-yellow-600 transition duration-300 ease-in-out">
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12h18m-6-6l6 6-6 6" />
+    </svg>
+    Go Back to Home
+  </a>
+</div>

src/CoinyProject.Client/src/app/shared/item-no-found/item-no-found.component.html

@@ -0,0 +1,15 @@
+import {Component, Input} from '@angular/core';
+import {RouterLink} from "@angular/router";
+
+@Component({
+  selector: 'app-item-no-found',
+  standalone: true,
+  imports: [
+    RouterLink
+  ],
+  templateUrl: './item-no-found.component.html',
+  styleUrl: './item-no-found.component.css'
+})
+export class ItemNoFoundComponent {
+
+}