feat: add new spinner component

apps/desktop2/src/routes/events/-components/replyList.tsx

@@ -1,10 +1,10 @@
-import { LoaderIcon } from "@lume/icons";
 import { cn } from "@lume/utils";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { EventWithReplies } from "@lume/types";
 import { Reply } from "./reply";
 import { useRouteContext } from "@tanstack/react-router";
+import { Spinner } from "@lume/ui";
 
 export function ReplyList({
   eventId,
@@ -29,7 +29,7 @@ export function ReplyList({
     <div className={cn("flex flex-col gap-3", className)}>
       {!data ? (
         <div className="mt-4 flex h-16 items-center justify-center p-3">
-          <LoaderIcon className="h-5 w-5 animate-spin" />
+          <Spinner className="size-5" />
         </div>
       ) : data.length === 0 ? (
         <div className="mt-4 flex w-full items-center justify-center">