Remove npm legacy errors, created single source of truth for ESlint. updated analytics url. updated script background (#5498)

* Update ScriptAccordion and ScriptItem components for improved styling

* Add README.md for Proxmox VE Helper-Scripts Frontend

* Remove testing dependencies and related test files from the frontend project

* Update analytics URL in siteConfig to point to community-scripts.org

* Refactor ESLint configuration to have one source of truth and run "npm lint" to apply new changes

* Update lint script in package.json to remove npm

* Add 'next' option to ESLint configuration for improved compatibility

* Update package dependencies and versions in package.json and package-lock.json

* Refactor theme provider import and enhance calendar component for dynamic icon rendering

* rename sidebar, alerts and buttons

* rename description and interfaces files

* rename more files

* change folder name

* Refactor tooltip logic to improve updateable condition handling

* Enhance CommandMenu to prevent duplicate scripts across categories

* Remove test step from frontend CI/CD workflow

frontend/src/app/scripts/_components/script-items/alerts.tsx

@@ -0,0 +1,39 @@
+import { AlertCircle, NotepadText } from "lucide-react";
+
+import type { Script } from "@/lib/types";
+
+import TextCopyBlock from "@/components/text-copy-block";
+import { AlertColors } from "@/config/site-config";
+import { cn } from "@/lib/utils";
+
+type NoteProps = {
+  text: string;
+  type: keyof typeof AlertColors;
+};
+
+export default function Alerts({ item }: { item: Script }) {
+  return (
+    <>
+      {item?.notes?.length > 0
+        && item.notes.map((note: NoteProps, index: number) => (
+          <div key={index} className="mt-4 flex flex-col shadow-sm gap-2">
+            <p
+              className={cn(
+                "inline-flex items-center gap-2 rounded-lg border p-2 pl-4 text-sm",
+                AlertColors[note.type],
+              )}
+            >
+              {note.type === "info"
+                ? (
+                    <NotepadText className="h-4 min-h-4 w-4 min-w-4" />
+                  )
+                : (
+                    <AlertCircle className="h-4 min-h-4 w-4 min-w-4" />
+                  )}
+              <span>{TextCopyBlock(note.text)}</span>
+            </p>
+          </div>
+        ))}
+    </>
+  );
+}