another color for loader

ui/shared/ContentLoader.tsx

-import { Box, Text } from '@chakra-ui/react';
+import { Box, Text, useColorModeValue } from '@chakra-ui/react';
 import { keyframes } from '@chakra-ui/system';
 import React from 'react';
 
@@ -22,7 +22,7 @@ const ContentLoader = () => {
           animation: `${ runnerAnimation } 700ms ease-in-out infinite alternate`,
           left: '100%',
           top: 0,
-          backgroundColor: 'blue.300',
+          backgroundColor: useColorModeValue('blackAlpha.400', 'whiteAlpha.400'),
           borderRadius: 'full',
         }}
       />