feat: update all old code and refactor

CODE_OF_CONDUCT.md

@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
 
 ## Our Responsibilities
 

CONTRIBUTING.md

@@ -1,49 +1,49 @@
 # Contributing Guidelines
 
-- Please refer to [GatsbyJS](https://www.gatsbyjs.org/docs/) and [React](https://reactjs.org/docs/getting-started.html) for documentation on syntax. 
+- Please refer to [GatsbyJS](https://www.gatsbyjs.org/docs/) and [React](https://reactjs.org/docs/getting-started.html) for documentation on syntax.
 
 - If you see a bug or an issue feel free to open a issue on our [issue tracker](https://github.com/OpenArchitex/CherishCakes/issues/new). Give as much information as possible.
 
 ## 🚀 Quick start
-   
+
 1.  **Clone the repository.**
 
-   Clone this GitHub repository; https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository
+Clone this GitHub repository; https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository
 
 1.  **Start developing.**
 
-   Navigate into your clone directory (we will call it `CherishCakes`) and start it up.
+Navigate into your clone directory (we will call it `CherishCakes`) and start it up.
 
-   ```shell
-   cd CherishCakes/
-   gatsby develop
-   ```
+```shell
+cd CherishCakes/
+gatsby develop
+```
 
 1.  **Open the source code and start editing!**
 
-   Your site is now running at `http://localhost:8000`!
+Your site is now running at `http://localhost:8000`!
 
-   _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._
+_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._
 
-   Open the `CherishCakes` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
+Open the `CherishCakes` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
 
 ## 🧐 What's inside?
 
 A quick look at the top-level files and directories you'll see in a Gatsby project.
 
-   .
-   ├── node_modules
-   ├── src
-   ├── .gitignore
-   ├── .prettierrc
-   ├── gatsby-browser.js
-   ├── gatsby-config.js
-   ├── gatsby-node.js
-   ├── gatsby-ssr.js
-   ├── LICENSE
-   ├── package-lock.json
-   ├── package.json
-   └── README.md
+.
+├── node_modules
+├── src
+├── .gitignore
+├── .prettierrc
+├── gatsby-browser.js
+├── gatsby-config.js
+├── gatsby-node.js
+├── gatsby-ssr.js
+├── LICENSE
+├── package-lock.json
+├── package.json
+└── README.md
 
 1.  **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
 

README.md

@@ -8,11 +8,11 @@
 
 ![Gatsby Build](https://github.com/OpenArchitex/CherishCakes/workflows/Gatsby%20Build/badge.svg)
 
-This is the codebase for www.cherishcakes.ca website. 
+This is the codebase for www.cherishcakes.ca website.
 
 - If you have any question or comment feel free to use our [issue tracker](https://github.com/OpenArchitex/CherishCakes/issues).
 
-- Some tips related to the codebase can be found at our [contributing guidelines section](https://github.com/OpenArchitex/CherishCakes/blob/main/CONTRIBUTING.md). 
+- Some tips related to the codebase can be found at our [contributing guidelines section](https://github.com/OpenArchitex/CherishCakes/blob/main/CONTRIBUTING.md).
 
 ---