fix public images url path 2nd attempt

Author: BessonovMax

src/components/Search.tsx

@@ -65,7 +65,6 @@ export default function Search({ setLocation, setApiError }: Props) {
           setLocationList(locations.data);
           setHighlightedIndex(0);
         } catch (error) {
-          console.error("Error fetching location data:", error);
           setLocationError(
             error instanceof Error ? error.message : String(error),
           );

src/currentWeather/CurrentForecast.tsx

@@ -18,7 +18,9 @@ export default function CurrentForecast({
 }: Props) {
   return (
     <>
-      <div className="flex flex-col gap-4 rounded-[20px] bg-[url(./images/bg-today-small.svg)] bg-cover py-[41px] md:flex-row md:justify-between md:bg-[url(./images/bg-today-large.svg)] md:px-6 md:py-[83px]">
+      <div
+        className={`flex flex-col gap-4 rounded-[20px] bg-[url(/fem_weather_app/images/bg-today-small.svg)] bg-cover py-[41px] md:flex-row md:justify-between md:bg-[url(/fem_weather_app/images/bg-today-large.svg)] md:px-6 md:py-[83px]`}
+      >
         <div className="flex flex-col items-center gap-3 md:items-start md:justify-center">
           <h2 className="text-preset-4">
             {name}, {country}

src/skeletons/CurrentSkeleton.tsx

@@ -3,7 +3,7 @@ import LoadingDots from "../assets/images/icon-loading-dots.svg";
 export default function CurrentSkeleton() {
   return (
     <>
-      <div className="text-preset-6 flex h-[286px] flex-col items-center justify-center gap-3.5 rounded-[20px] bg-neutral-800 bg-[url(./images/bg-loading-large.svg)] bg-contain text-neutral-200">
+      <div className="text-preset-6 flex h-[286px] flex-col items-center justify-center gap-3.5 rounded-[20px] bg-neutral-800 bg-[url(/fem_weather_app/images/bg-loading-large.svg)] bg-contain text-neutral-200">
         <img src={LoadingDots} alt="Loading " className="animate-spin-x" />
         <div>Loading</div>
       </div>