Add tender details page

src/features/Pagination/Pagination.scss

@@ -37,12 +37,12 @@
   }
 
   &__page_active {
-    background-color: rgb(249, 250, 251) !important;
+    background-color: rgb(236, 243, 250) !important;
   }
 
   &__page:hover,
   &__prev:hover,
   &__next:hover {
-    background-color: rgb(249, 250, 251);
+    background-color: rgb(229, 230, 230);
   }
 }

src/features/SearchForm/SearchForm.tsx

@@ -4,11 +4,24 @@ import Image from "next/image";
 import search from "./icons/search.svg";
 import { useTranslations } from "next-intl";
 
-const SearchForm = () => {
+interface ISearchFormProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  handleSubmit: (e: React.MouseEvent<HTMLFormElement>) => void;
+}
+const SearchForm: React.FC<ISearchFormProps> = ({
+  handleSubmit,
+  name,
+  placeholder,
+  value,
+  onChange,
+  style,
+}: ISearchFormProps) => {
   const t = useTranslations("general");
 
   return (
-    <form className="mb-8 h-12 w-full relative flex items-center">
+    <form
+      className="mb-8 h-12 w-full relative flex items-center"
+      onSubmit={handleSubmit}
+    >
       <div className="h-full flex flex-1 items-center border border-black rounded-sm bg-white">
         <Image
           className="w-12 h-12 p-2"
@@ -16,7 +29,10 @@ const SearchForm = () => {
           alt="Search button icon"
         />
         <input
-          placeholder="Ключевое слово или номер"
+          onChange={onChange}
+          value={value}
+          placeholder={placeholder}
+          name={name}
           type="text"
           className="px-3 pl-2 w-full h-full text-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
           aria-label={t("search")}