Rename MostPopularScripts.tsx to MostViewedScripts.tsx and update filter condition to use "isMostViewed" instead of "isMostPopular"

components/MostViewedScripts.tsx

@@ -21,7 +21,7 @@ export default function MostPopulairScripts() {
     try {
       const res = await pb.collection("proxmox_scripts").getList(1, 3, {
         sort: "created",
-        filter: "isMostPopular = true",
+        filter: "isMostViewed = true",
       });
       setLatestScripts(res.items as unknown as Script[]);
     } catch (error) {
@@ -38,7 +38,7 @@ export default function MostPopulairScripts() {
   return (
     <div className="">
       <h2 className="mb-2 text-lg font-semibold">
-        Most Popular Scripts
+        Most Viewed Scripts
       </h2>
       <div className="min-w flex w-full flex-row flex-wrap gap-4">
         {latestScripts.map((item) => (

components/Script.tsx

@@ -12,7 +12,7 @@ import { Script } from "@/lib/types";
 import { useSearchParams  } from "next/navigation";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import LatestScripts from "./LatestScripts";
-import MostPopulairScripts from "./MostPopularScripts";
+import MostPopulairScripts from "./MostViewedScripts";
 
 function ScriptItem() {
   const [item, setItem] = useState<Script | null>(null);