Restructure component folders for home and about pages

[nozomione]

Context

Related: #144

This issue will address components for homepage (i.e., the Home folder ) in components.

In the linked related issue, we restructured the components used specifically by pages within the componentsfolder. In this issue, we'll further simplify the folder structure by reducing nested directories and updating filenames based on page contexts where necessary.

e.g., ) The current file structure for the homepage:

├── src
│   ├── components
│   │   ├── Home // context - for pages/index.js 
│   │   │   ├── DocumentCard.js
│   │   │   ├── Documents.js
│   │   │   ├── ExampleCard.js
│   │   │   ├── Examples.js
│   │   │   ├── FeatureCard.js
│   │   │   ├── Features.js
│   │   │   ├── Hero.js
│   │   │   ├── HeroBody.js
│   │   │   └── index.js // for exports

This can be flatten to:

├── src
│   ├── components
│   │   ├── DocumentCard.js
│   │   ├── ExampleCard.js
│   │   ├── FeatureCard.js
│   │   ├── HomeDocument.js
│   │   ├── HomeExamples.js
│   │   ├── HomeFeatures.js
│   │   ├── HomeHero.js // Merged with HeroBody

Problem or idea

We'll update the components for pages within the component folder as follows:

• components/Home should match above
• components/About:
  • components/About/CCDL -> components/AboutCCDL
  • components/About/Overview -> components/AboutOverview
    • Card -> components/ImageCard
  • components/About/Hero -> components/AboutHero

Solution or next step

• Flatten the component structure for all pages in component as outlined above
• Update component imports throughout the codebase to reflect the new file paths