Use stylelint on styled-components

src/components/Footer/FooterContent.tsx

@@ -4,6 +4,14 @@ import Anchor from "../Anchor";
 import colors from "@theme/colors";
 import breakpoints from "@theme/breakpoints";
 
+const Columns = styled.div`
+  display: flex;
+  justify-content: space-between;
+  & > div > div {
+    margin-bottom: 1rem;
+  }
+`;
+
 const Content = styled.div`
   display: flex;
 
@@ -46,14 +54,6 @@ const MarginSpace = styled.div`
   margin: auto;
 `;
 
-const Columns = styled.div`
-  display: flex;
-  justify-content: space-between;
-  & > div > div {
-    margin-bottom: 1rem;
-  }
-`;
-
 const Map = styled.div`
   flex: 1;
   @media screen and (max-width: ${breakpoints.mobile}) {

src/views/FrontPage/FrontPageView.tsx

@@ -41,7 +41,8 @@ const SponsorReel = styled.div`
       margin: 0 1rem;
     }
   }
-  img{
+
+  img {
     width: 200px;
     object-fit: cover;
   }