fix: added brand color to loader #3205 (#3237)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>

apps/demo/next-env.d.ts

@@ -2,4 +2,5 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/basic-features/typescript for more information.
+

apps/web/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/basic-features/typescript for more information.

packages/surveys/src/components/general/LoadingSpinner.tsx

@@ -6,7 +6,7 @@ export const LoadingSpinner = ({ className }: { className?: string }) => {
       data-testid="loading-spinner"
       className={cn("fb-flex fb-h-full fb-w-full fb-items-center fb-justify-center", className ?? "")}>
       <svg
-        className="fb-m-2 fb-h-6 fb-w-6 fb-animate-spin fb-text-slate-700"
+        className="fb-m-2 fb-h-6 fb-w-6 fb-animate-spin fb-text-brand"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24">