chore: organized imports

src/sections/About.tsx

@@ -1,13 +1,16 @@
+// External imports
 import React from "react";
-import { Box, Image, Flex } from "rebass/styled-components";
-import styled from "styled-components";
 import ReactMarkdown from "react-markdown";
+import styled from "styled-components";
+import { Box, Image, Flex } from "rebass/styled-components";
 import { Fade } from "react-awesome-reveal";
+
+// Internal imports
 import Section from "../components/Section";
 import Triangle from "../components/Triangle";
 import components from "../components/MarkdownComponents";
-import { useAboutQuery } from "../queries/useAboutQuery";
 import { SECTION } from "../utils/constants";
+import { useAboutQuery } from "../queries/useAboutQuery";
 
 const About = () => {
 	const { markdown, logo } = useAboutQuery();

src/sections/Employees.tsx

@@ -1,11 +1,14 @@
+// External imports
 import React, { useEffect } from "react";
 import { Fade } from "react-awesome-reveal";
+
+// Internal imports
 import Section from "../components/Section";
-import { CardContainer } from "../components/Card";
 import Triangle from "../components/Triangle";
 import Employee from "../components/Employee";
-import { useEmployeesQuery } from "../queries/useEmployeesQuery";
+import { CardContainer } from "../components/Card";
 import { SECTION } from "../utils/constants";
+import { useEmployeesQuery } from "../queries/useEmployeesQuery";
 
 // @ts-ignore
 import { VHSify } from "../utils/imageGlitch";

src/sections/Landing.tsx

@@ -1,8 +1,11 @@
+// External imports
 import React, { useEffect } from "react";
 import { Text } from "rebass/styled-components";
-import Section from "../components/Section";
+
+// Internal imports
 import ScrollIcon from "../components/ScrollIcon";
 import ScrambleLetters from "../utils/scramble";
+import Section from "../components/Section";
 import { SECTION } from "../utils/constants";
 import { getSectionHref } from "../utils/helpers";
 import { useLandingPageQuery } from "../queries/useLandingPageQuery";

src/sections/Projects.tsx

@@ -1,11 +1,14 @@
+// External imports
 import React from "react";
 import { Fade } from "react-awesome-reveal";
+
+// Internal imports
+import Project from "../components/Project";
 import Section from "../components/Section";
-import { CardContainer } from "../components/Card";
 import Triangle from "../components/Triangle";
-import Project from "../components/Project";
-import { useProjectsQuery } from "../queries/useProjectsQuery";
+import { CardContainer } from "../components/Card";
 import { SECTION } from "../utils/constants";
+import { useProjectsQuery } from "../queries/useProjectsQuery";
 
 const Projects = () => {
 	const projects = useProjectsQuery();

src/sections/Services.tsx

@@ -1,11 +1,14 @@
+// External imports
 import React from "react";
 import { Fade } from "react-awesome-reveal";
+
+// Internal imports
 import Section from "../components/Section";
-import { CardContainer } from "../components/Card";
-import Triangle from "../components/Triangle";
 import Service from "../components/Service";
-import { useServicesQuery } from "../queries/useServicesQuery";
+import Triangle from "../components/Triangle";
+import { CardContainer } from "../components/Card";
 import { SECTION } from "../utils/constants";
+import { useServicesQuery } from "../queries/useServicesQuery";
 
 const Services = () => {
 	const services = useServicesQuery();