SEO-friendly communities page

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-	"editor.formatOnSave": false
-}
+  "editor.formatOnSave": true
+}

pages/_app.tsx

@@ -9,7 +9,6 @@ import "src/components/ScrollDownArrow/styles.scss";
 import "src/components/Statistic/styles.scss";
 // section css imports
 import "src/sections/about/styles.scss";
-import "src/sections/community/styles.scss";
 import "src/sections/home/styles.scss";
 import "src/sections/sponsorship/styles.scss";
 

pages/communities.tsx

@@ -1,21 +1,10 @@
-import { useState, useEffect } from "react";
-import { Size, useWindowSize } from "src/utils/general";
-
 import SEO from "src/components/SEO";
 
-import CommunityHero from "src/sections/community/Community.Hero";
-import CommunitySuborgs from "src/sections/community/Community.Suborgs";
+import CommunitySuborgs from "src/sections/community/Suborgs";
 import ACMWhiteLogo from "public/assets/ACMWhiteLogo.png";
 import { NextPage } from "next";
 
 const CommunitiesPage: NextPage = () => {
-  const size: Size = useWindowSize();
-  const [isMobile, setIsMobile] = useState(false);
-
-  useEffect(() => {
-    setIsMobile((size.width || 0) <= 812);
-  }, [size]);
-
   return (
     <>
       <SEO
@@ -24,7 +13,7 @@ const CommunitiesPage: NextPage = () => {
         description="ACM at UCSD is one large community, but it is made up of several smaller communities focused on specific areas of technology."
         image={ACMWhiteLogo.src}
       />
-      <CommunitySuborgs isMobile={isMobile} />
+      <CommunitySuborgs />
     </>
   );
 };