Add full container spinner/loader

src/renderer/components/spinner/index.tsx

@@ -1,3 +1,4 @@
+import { Center } from '@mantine/core';
 import type { IconType } from 'react-icons';
 import { RiLoader5Fill } from 'react-icons/ri';
 import styled from 'styled-components';
@@ -5,6 +6,7 @@ import { rotating } from '/@/renderer/styles';
 
 interface SpinnerProps extends IconType {
   color?: string;
+  container?: boolean;
   size?: number;
 }
 
@@ -14,6 +16,17 @@ export const SpinnerIcon = styled(RiLoader5Fill)`
 `;
 
 export const Spinner = ({ ...props }: SpinnerProps) => {
+  if (props.container) {
+    return (
+      <Center
+        h="100%"
+        w="100%"
+      >
+        <SpinnerIcon {...props} />
+      </Center>
+    );
+  }
+
   return <SpinnerIcon {...props} />;
 };