frontend: fix <Image />

frontend/app/components/NavigationRail/NavigationRail.jsx

@@ -38,7 +38,13 @@ export const NavigationRail = (props) => {
   return (
     <nav className="left">
       <button className="circle transparent ">
-        <Image className="responsive" src="/favicon.ico" alt="Ваш профиль" />
+        <Image
+          className="responsive"
+          src="/favicon.ico"
+          alt="Ваш профиль"
+          width="64"
+          height="64"
+        />
       </button>
 
       {items.map((item) => {

frontend/app/components/ReleaseCard/ReleaseCard.jsx

@@ -1,5 +1,3 @@
-"use client";
-
 import Link from "next/link";
 import Image from "next/image";
 
@@ -10,14 +8,21 @@ export const ReleaseCard = (props) => {
         className="no-padding round fill"
         style={{ width: 284, height: 508 }}
       >
-        <Image
-          className="responsive large top-round"
-          src={props.poster}
-          alt=""
-        />
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <div style={{ aspectRatio: "1/1" }}>
+          <Image
+            className="responsive large top-round"
+            layout="fill"
+            objectFit="cover"
+            style={{ width: "100%", height: "100%", aspectRatio: "1/1" }}
+            src={props.poster}
+            alt=""
+            sizes={"100vw"}
+          />
+        </div>
         <div className="padding">
-          <h6>{`${props.title.substring(0, 36)}${
-            [...props.title].length > 36 ? "..." : ""
+          <h6>{`${props.title.substring(0, 30)}${
+            [...props.title].length > 30 ? "..." : ""
           }`}</h6>
           <p>{`${props.description}${
             [...props.description].length > 160 ? "..." : ""

frontend/app/search/page.js

@@ -7,10 +7,10 @@ import { usePathname, useRouter } from "next/navigation";
 import { CardList } from "@/app/components/CardList/CardList";
 import { useSearchParams } from "next/navigation";
 
-export function saveSearches(search) {
+function saveSearches(search) {
   localStorage.setItem("searches", search);
 }
-export function getSearches() {
+function getSearches() {
   return localStorage.getItem("searches");
 }