Add load spinner component

Author: jmsandiegoo

frontend/src/components/LoadingSpinner.tsx

@@ -0,0 +1,35 @@
+import { cn } from "@/lib/utils";
+
+/**
+ * Copyright (c) 2024
+ * Original component by onurhan1337
+ * Source: https://github.com/shadcn-ui/ui/discussions/1694
+ */
+export interface ISVGProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  className?: string;
+}
+
+export const LoadingSpinner = ({
+  size = 24,
+  className,
+  ...props
+}: ISVGProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={cn("animate-spin", className)}
+    >
+      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+    </svg>
+  );
+};