Fix record page

www/app/[domain]/transcripts/waveformLoading.tsx

@@ -1,11 +1,7 @@
-import { faSpinner } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Center, Spinner } from "@chakra-ui/react";
 
 export default () => (
-  <div className="flex flex-grow items-center justify-center h-20">
-    <FontAwesomeIcon
-      icon={faSpinner}
-      className="animate-spin-slow text-gray-600 flex-grow rounded-lg md:rounded-xl h-10 w-10"
-    />
-  </div>
+  <Center h={14}>
+    <Spinner speed="1s"></Spinner>
+  </Center>
 );