Refactor components for improved readability: standardize import order, enhance formatting, and ensure consistent newline usage across ColorPalette, Contact, FeatureCards, FooterSocial, HeaderSimple, HeroTitle, and Home.page components.

frontend/vite-template-master/src/components/ColorPalette/ColorPalette.story.tsx

@@ -13,4 +13,4 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {}; 
+export const Default: Story = {};

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

@@ -1,4 +1,4 @@
-import { Anchor, Container, Text, Stack } from '@mantine/core';
+import { Anchor, Container, Stack, Text } from '@mantine/core';
 import classes from './Contact.module.css';
 
 export function Contact() {
@@ -25,7 +25,11 @@ export function Contact() {
           </Text>
           <Text size="lg">
             LinkedIn:{' '}
-            <Anchor href="https://www.linkedin.com/in/craig-macfadyen-9a2041197" target="_blank" className={classes.link}>
+            <Anchor
+              href="https://www.linkedin.com/in/craig-macfadyen-9a2041197"
+              target="_blank"
+              className={classes.link}
+            >
               linkedin.com/in/craigmacfadyen
             </Anchor>
           </Text>

frontend/vite-template-master/src/components/FeatureCards/FeatureCards.tsx

@@ -1,4 +1,4 @@
-import { FaChartLine, FaEye, FaMessage, FaShield, FaCode, FaLightbulb } from 'react-icons/fa6';
+import { FaChartLine, FaCode, FaEye, FaLightbulb, FaMessage, FaShield } from 'react-icons/fa6';
 import {
   Badge,
   Card,
@@ -9,7 +9,7 @@ import {
   Title,
   useMantineTheme,
 } from '@mantine/core';
-import classes from "./FeatureCards.module.css";
+import classes from './FeatureCards.module.css';
 
 const mockdata = [
   {
@@ -27,25 +27,25 @@ const mockdata = [
   {
     title: 'Data Science',
     description:
-      "Sometimes you just need a simple model and some nice graphs. I can help you understand your data and build a model that works for you.",
+      'Sometimes you just need a simple model and some nice graphs. I can help you understand your data and build a model that works for you.',
     icon: FaChartLine,
   },
   {
     title: 'Privacy Focused',
     description:
-      "Your data is valuable and sensitive. All my solutions are built with privacy and security in mind from the ground up, ensuring regulatory compliance and protecting your competitive advantage.",
+      'Your data is valuable and sensitive. All my solutions are built with privacy and security in mind from the ground up, ensuring regulatory compliance and protecting your competitive advantage.',
     icon: FaShield,
   },
   {
     title: 'Open Source',
     description:
-      "Leverage the power and innovation of open source technologies while avoiding vendor lock-in. This approach provides transparency, cost-effectiveness, and ensures your solutions remain maintainable long-term.",
+      'Leverage the power and innovation of open source technologies while avoiding vendor lock-in. This approach provides transparency, cost-effectiveness, and ensures your solutions remain maintainable long-term.',
     icon: FaCode,
   },
   {
     title: 'Cutting-Edge Research',
     description:
-      "I stay continuously updated with the latest advancements in AI research and immediately apply emerging techniques to solve business problems. Your solutions will never be outdated or obsolete.",
+      'I stay continuously updated with the latest advancements in AI research and immediately apply emerging techniques to solve business problems. Your solutions will never be outdated or obsolete.',
     icon: FaLightbulb,
   },
 ];
@@ -77,9 +77,9 @@ export function FeaturesCards() {
       </Title>
 
       <Text c="dimmed" className={classes.description} ta="center" mt="md">
-        I've worked with a range of businesses, from startups to established companies, and I've 
+        I've worked with a range of businesses, from startups to established companies, and I've
-        learned a lot about what works and what doesn't. I work across the full Machine Learning stack, from 
+        learned a lot about what works and what doesn't. I work across the full Machine Learning
-        data collection to model deployment.
+        stack, from data collection to model deployment.
       </Text>
 
       <SimpleGrid cols={{ base: 1, md: 3 }} spacing="xl" mt="50px">
@@ -87,4 +87,4 @@ export function FeaturesCards() {
       </SimpleGrid>
     </Container>
   );
-}
+}

frontend/vite-template-master/src/components/FooterSocial/FooterSocial.tsx

@@ -9,17 +9,38 @@ export function FooterSocial() {
       <Container className={classes.inner}>
         <Text>Craig Macfadyen</Text>
         <Group gap={0} className={classes.links} justify="flex-end" wrap="nowrap">
-          <ActionIcon component="a" target='_blank' href="https://github.com/cdmacfadyen" size="lg" color="gray" variant="subtle">
+          <ActionIcon
+            component="a"
+            target="_blank"
+            href="https://github.com/cdmacfadyen"
+            size="lg"
+            color="gray"
+            variant="subtle"
+          >
             <FaGithub size={18} />
           </ActionIcon>
-          <ActionIcon component="a" target='_blank' href="https://gitea.craigmacfadyen.co.uk" size="lg" color="gray" variant="subtle">
+          <ActionIcon
+            component="a"
+            target="_blank"
+            href="https://gitea.craigmacfadyen.co.uk"
+            size="lg"
+            color="gray"
+            variant="subtle"
+          >
             <SiGitea size={18} />
           </ActionIcon>
-          <ActionIcon component="a" target='_blank' href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/" size="lg" color="gray" variant="subtle">
+          <ActionIcon
+            component="a"
+            target="_blank"
+            href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/"
+            size="lg"
+            color="gray"
+            variant="subtle"
+          >
             <FaLinkedin size={18} />
           </ActionIcon>
         </Group>
       </Container>
     </div>
   );
-}
+}

frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx

@@ -1,4 +1,4 @@
-import { Anchor, Burger, Container, Group, Text } from '@mantine/core';
+import { Burger, Container, Group, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
 import classes from './HeaderSimple.module.css';
@@ -9,14 +9,16 @@ export function HeaderSimple() {
   return (
     <header className={classes.header}>
       <Container size="md" className={classes.inner}>
-        <Text fw={700} size="lg" style={{ userSelect: 'none', cursor: 'default' }}>Craig Macfadyen</Text>
+        <Text fw={700} size="lg" style={{ userSelect: 'none', cursor: 'default' }}>
+          Craig Macfadyen
+        </Text>
         <Group gap={5} visibleFrom="xs">
-          <Anchor href="#" className={classes.link}>
+          {/* <Anchor href="#" className={classes.link}>
             CV
           </Anchor>
           <Anchor href="#" className={classes.link}>
             Blog
-          </Anchor>
+          </Anchor> */}
         </Group>
 
         <Burger opened={opened} onClick={toggle} hiddenFrom="xs" size="sm" />

frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx

@@ -14,9 +14,9 @@ export function HeroTitle() {
         </h1>
 
         <Text className={classes.description} c="dimmed">
-          Machine Learning Engineer with experience in consulting and research. Expertise in Computer Vision
+          Machine Learning Engineer with experience in consulting and research. Expertise in
-          and Large Language Models. Take a look at what I can do for your business and get in touch
+          Computer Vision and Large Language Models. Take a look at what I can do for your business
-          if you have any questions or you'd like to work together!
+          and get in touch if you have any questions or you'd like to work together!
         </Text>
       </Container>
     </div>

frontend/vite-template-master/src/pages/Home.page.tsx

@@ -1,10 +1,10 @@
 import { Container } from '@mantine/core';
 import { Contact } from '@/components/ContactUs/Contact';
+import { FeaturesCards } from '@/components/FeatureCards/FeatureCards';
+import { FooterSocial } from '@/components/FooterSocial/FooterSocial';
 import { HeaderSimple } from '@/components/HeaderSimple/HeaderSimple';
 import { HeroTitle } from '@/components/HeroTitle/HeroTitle';
 import Testimonial from '@/components/Testimonial/Testimonial';
-import { FeaturesCards } from '@/components/FeatureCards/FeatureCards';
-import { FooterSocial } from '@/components/FooterSocial/FooterSocial';
 
 export function HomePage() {
   return (