Refactor imports and improve layout in various components; update styles for consistency and readability.

frontend/vite-template-master/src/components/ContactUs/ContactIcons.tsx

@@ -1,4 +1,4 @@
-import { TbAt, TbMapPin, TbPhone, TbSun } from 'react-icons/tb';
+import { TbAt, TbSun } from 'react-icons/tb';
 import { Box, Stack, Text } from '@mantine/core';
 import classes from './ContactIcons.module.css';
 
@@ -25,11 +25,9 @@ function ContactIcon({ icon: Icon, title, description, ...others }: ContactIconP
   );
 }
 
-const MOCKDATA = [
-  { title: 'Email', description: 'hello@mantine.dev', icon: TbAt },
-];
+const MOCKDATA = [{ title: 'Email', description: 'hello@mantine.dev', icon: TbAt }];
 
 export function ContactIconsList() {
   const items = MOCKDATA.map((item, index) => <ContactIcon key={index} {...item} />);
   return <Stack>{items}</Stack>;
-}
+}