feat(DEV-27): fix file format change

src/components/Starter/GithubUserDetails/index.tsx

@@ -6,7 +6,10 @@ interface GithubUserDetailsProps {
   userName: string;
 }
 
-export const GithubUserDetails = ({ name, userName }: GithubUserDetailsProps) => (
+export const GithubUserDetails = ({
+  name,
+  userName,
+}: GithubUserDetailsProps) => (
   <div className={styles.userDetailsContainer}>
     <div className={styles.userDetails}>
       <h1>{name}</h1>

src/components/Starter/GithubUserDetails/userDetails.module.css

@@ -1,23 +1,23 @@
 .userDetailsContainer {
-    padding: 0;
+  padding: 0;
 }
 
 .userDetails {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .userDetails > h1,
 h3 {
-    margin: 0;
+  margin: 0;
 }
 
 .userDetails > p {
-    color: var(--gray);
+  color: var(--gray);
 }
 
 .userDetailsContainer {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }

src/components/Starter/Home/home.module.css

@@ -1,19 +1,19 @@
 .homeContainer {
-    display: grid;
-    grid-template-rows: 1fr 10fr 1fr 1fr;
-    grid-template-columns: repeat(12, 1fr);
+  display: grid;
+  grid-template-rows: 1fr 10fr 1fr 1fr;
+  grid-template-columns: repeat(12, 1fr);
 }
 
 .githubCard {
-    background: var(--white);
-    display: grid;
-    grid-row-start: 2;
-    grid-column: 2 / 12;
+  background: var(--white);
+  display: grid;
+  grid-row-start: 2;
+  grid-column: 2 / 12;
 }
 
 .searchForm {
-    background: var(--white);
-    display: grid;
-    grid-row-start: 4;
-    grid-column: 2/12;
+  background: var(--white);
+  display: grid;
+  grid-row-start: 4;
+  grid-column: 2/12;
 }

src/styles.css

@@ -7,8 +7,8 @@ body {
 }
 
 :root {
-    --bg-color: #f3f4f6;
-    --white: #ffffff;
-    --black: #000000;
-    --gray: #777777;
+  --bg-color: #f3f4f6;
+  --white: #ffffff;
+  --black: #000000;
+  --gray: #777777;
 }