fix lint, rearrange files to avoid SSG issue

Author: Simek

…te/src/pages/Home/CallToAction/index.tsx …c/components/Home/CallToAction/index.tsxwebsite/src/pages/Home/CallToAction/index.tsx renamed to website/src/components/Home/CallToAction/index.tsx website/src/pages/Home/CallToAction/index.tsx renamed to website/src/components/Home/CallToAction/index.tsx

@@ -6,11 +6,12 @@
  */
 
 import React from 'react';
+
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
-import Section from '../components/Section';
-import SectionTitle from '../components/SectionTitle';
+import Section from '../Section';
+import SectionTitle from '../SectionTitle';
 
 import styles from './styles.module.css';
 

…ages/Home/CallToAction/styles.module.css …ents/Home/CallToAction/styles.module.csswebsite/src/pages/Home/CallToAction/styles.module.css renamed to website/src/components/Home/CallToAction/styles.module.css website/src/pages/Home/CallToAction/styles.module.css renamed to website/src/components/Home/CallToAction/styles.module.css

@@ -7,9 +7,11 @@
 
 import React from 'react';
 
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import ThemedImage from '@theme/ThemedImage';
-import Section from '../components/Section';
-import SectionTitle from '../components/SectionTitle';
+
+import Section from '../Section';
+import SectionTitle from '../SectionTitle';
 
 import styles from './styles.module.css';
 
@@ -32,8 +34,8 @@ function Framework() {
         <div className={styles.card}>
           <ThemedImage
             sources={{
-              light: "/img/homepage/file-based-routing.png",
-              dark: "/img/homepage/file-based-routing-dark.png",
+              light: '/img/homepage/file-based-routing.png',
+              dark: '/img/homepage/file-based-routing-dark.png',
             }}
             className={styles.cardImage}
             alt="File system with folders and files representing screens and navigation"
@@ -49,8 +51,8 @@ function Framework() {
         <div className={styles.card}>
           <ThemedImage
             sources={{
-              light: "/img/homepage/libraries.png",
-              dark: "/img/homepage/libraries-dark.png",
+              light: useBaseUrl('/img/homepage/libraries.png'),
+              dark: useBaseUrl('/img/homepage/libraries-dark.png'),
             }}
             alt="Grid of icons representing libraries, SDKs, and native code"
             className={styles.cardImage}
@@ -68,8 +70,8 @@ function Framework() {
         <div className={styles.card}>
           <ThemedImage
             sources={{
-              light: "/img/homepage/tools.png",
-              dark: "/img/homepage/tools-dark.png",
+              light: useBaseUrl('/img/homepage/tools.png'),
+              dark: useBaseUrl('/img/homepage/tools-dark.png'),
             }}
             className={styles.cardImage}
             alt="List of developer tool toggles for debugging, performance, and more"

…bsite/src/pages/Home/Community/index.tsx …/src/components/Home/Community/index.tsxwebsite/src/pages/Home/Community/index.tsx renamed to website/src/components/Home/Community/index.tsx website/src/pages/Home/Community/index.tsx renamed to website/src/components/Home/Community/index.tsx

@@ -9,10 +9,10 @@ import React from 'react';
 import GitHubButton from 'react-github-btn';
 
 import Logo from '../Logo';
-
 import GridBackground from './GridBackground';
 import FloorBackground from './FloorBackground';
 import Devices from './Devices';
+
 import styles from './styles.module.css';
 
 function Hero() {