naslovnice: fokusna tocka obraza povsod (aktuelles, kategorije, videi, iskanje, clanek + sorodni), skupni pomocnik lib/focal, streznik osvezuje fokusne tocke vsakih 20 minut

client/src/pages/search.tsx

@@ -5,6 +5,7 @@ import { Search, Play, FileText, ArrowLeft } from "lucide-react";
 import { usePageMeta } from "@/hooks/use-page-meta";
 import Header from "@/components/header";
 import { PageSideAds, TopBannerAd } from "@/components/adsense";
+import { useFocalPoints, objectPositionFor } from "@/lib/focal";
 
 interface SearchResult {
   articles: {
@@ -27,6 +28,7 @@ interface SearchResult {
 }
 
 export default function SearchPage() {
+  const focalPoints = useFocalPoints();
   usePageMeta("Suche - Volksmusik & Schlager", "Durchsuchen Sie FOLX TV nach Volksmusik- und Schlager-Nachrichten, Künstlern, Videos und mehr.");
   const searchString = useSearch();
   const initialQuery = new URLSearchParams(searchString).get("q") || "";
@@ -130,7 +132,7 @@ export default function SearchPage() {
                       <img
                         src={article.coverImage}
                         alt={article.title}
-                        style={{ objectPosition: "center 25%" }} className="w-24 h-24 sm:w-32 sm:h-20 object-cover rounded-md flex-shrink-0"
+                        style={{ objectPosition: objectPositionFor(article.coverImage, focalPoints) }} className="w-24 h-24 sm:w-32 sm:h-20 object-cover rounded-md flex-shrink-0"
                       />
                     )}
                     <div className="flex-1 min-w-0">
@@ -165,7 +167,7 @@ export default function SearchPage() {
                     <img
                       src={video.thumbnail}
                       alt={video.title}
-                      style={{ objectPosition: "center 25%" }} className="w-full h-full object-cover rounded-md"
+                      style={{ objectPosition: objectPositionFor(video.thumbnail, focalPoints) }} className="w-full h-full object-cover rounded-md"
                     />
                     <div className="absolute inset-0 flex items-center justify-center">
                       <div className="w-8 h-8 rounded-full bg-primary/80 flex items-center justify-center">