lint all code (#383)

```bash
yarn run prettier -w .
```

Author: Vadman97

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,14 +4,14 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/dependabot.yml

@@ -3,10 +3,9 @@ version: 2
 updates:
   - package-ecosystem: gitsubmodule
     schedule:
-        interval: "daily"
+      interval: 'daily'
     directory: /
   - package-ecosystem: npm
-    directory: "/" # Location of package manifests
+    directory: '/' # Location of package manifests
     schedule:
-      interval: "weekly"
-
+      interval: 'weekly'

.prettierrc

@@ -1,15 +1,15 @@
 {
-	"printWidth": 120,
-	"tabWidth": 2,
-	"useTabs": false,
-	"semi": false,
-	"singleQuote": true,
-	"trailingComma": "all",
-	"quoteProps": "as-needed",
-	"bracketSpacing": true,
-	"jsxBracketSameLine": false,
-	"arrowParens": "always",
-	"requirePragma": false,
-	"insertPragma": false,
-	"proseWrap": "preserve"
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "quoteProps": "as-needed",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "always",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve"
 }

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-	"recommendations": ["esbenp.prettier-vscode"]
+  "recommendations": ["esbenp.prettier-vscode"]
 }

.vscode/settings.json

@@ -1,58 +1,51 @@
 {
-	"sourcegraph.defaultBranch": "master",
-	"editor.formatOnSave": true,
-	"editor.defaultFormatter": "dbaeumer.vscode-eslint",
-	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true,
-		"source.fixAll.stylelint": true
-	},
-	"typescript.preferences.importModuleSpecifier": "non-relative",
-	"css.validate": false,
-	"less.validate": false,
-	"scss.validate": false,
-	"stylelint.enable": true,
-	"stylelint.validate": [
-		"css",
-		"less",
-		"postcss",
-		"scss"
-	],
-	"[json]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode",
-		"editor.quickSuggestions": {
-			"strings": true
-		},
-		"editor.suggest.insertMode": "replace",
-		"gitlens.codeLens.scopes": [
-			"document"
-		],
-	},
-	"[less]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"[scss]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"editor.hover.enabled": true,
-	"editor.colorDecorators": true,
-	"[typescriptreact]": {
-		"editor.defaultFormatter": "vscode.typescript-language-features"
-	},
-	"openInGitHub.defaultBranch": "master",
-	"openInGitHub.defaultRemote": "origin",
-	"openInGithub.maxBuffer": 512000,
-	"openInGitHub.excludeCurrentRevision": false,
-	"[javascript]": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode"
-	},
-	"files.exclude": {
-		"**/.git": true,
-		"**/.svn": true,
-		"**/.hg": true,
-		"**/CVS": true,
-		"**/.DS_Store": true,
-		"**/Thumbs.db": true,
-		"**/node_modules": true,
-		"**/.next": true,
-	}
+  "sourcegraph.defaultBranch": "master",
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true,
+    "source.fixAll.stylelint": true
+  },
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "stylelint.enable": true,
+  "stylelint.validate": ["css", "less", "postcss", "scss"],
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.quickSuggestions": {
+      "strings": true
+    },
+    "editor.suggest.insertMode": "replace",
+    "gitlens.codeLens.scopes": ["document"]
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.hover.enabled": true,
+  "editor.colorDecorators": true,
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
+  },
+  "openInGitHub.defaultBranch": "master",
+  "openInGitHub.defaultRemote": "origin",
+  "openInGithub.maxBuffer": 512000,
+  "openInGitHub.excludeCurrentRevision": false,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "files.exclude": {
+    "**/.git": true,
+    "**/.svn": true,
+    "**/.hg": true,
+    "**/CVS": true,
+    "**/.DS_Store": true,
+    "**/Thumbs.db": true,
+    "**/node_modules": true,
+    "**/.next": true
+  }
 }

CODE_OF_CONDUCT.md

@@ -17,24 +17,24 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
--   Demonstrating empathy and kindness toward other people
--   Being respectful of differing opinions, viewpoints, and experiences
--   Giving and gracefully accepting constructive feedback
--   Accepting responsibility and apologizing to those affected by our mistakes,
-    and learning from the experience
--   Focusing on what is best not just for us as individuals, but for the
-    overall community
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the
+  overall community
 
 Examples of unacceptable behavior include:
 
--   The use of sexualized language or imagery, and sexual attention or
-    advances of any kind
--   Trolling, insulting or derogatory comments, and personal or political attacks
--   Public or private harassment
--   Publishing others' private information, such as a physical or email
-    address, without their explicit permission
--   Other conduct which could reasonably be considered inappropriate in a
-    professional setting
+- The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
 
 ## Enforcement Responsibilities
 

CONTRIBUTING.md

@@ -11,15 +11,15 @@ updatedAt: 2023-01-24T02:07:22.000Z
 
 First, you'll want to understand how Highlight is built to make changes. The best way to get a sense of this is to try and make simple dummy changes to different parts of the stack and see how the changes propagate.
 
--   SDKs `sdk/`
-    -   Firstload
-    -   Client
-    -   highlight-node / other SDKs
--   Public Graph `backend/public-graph/graph/schema.resolvers.go`
--   Private Graph `backend/private-graph/graph/schema.resolvers.go`
--   Workers `backend/worker.go`
-    -   Public graph worker `processPublicWorkerMessage`
-    -   Async worker `Start`
+- SDKs `sdk/`
+  - Firstload
+  - Client
+  - highlight-node / other SDKs
+- Public Graph `backend/public-graph/graph/schema.resolvers.go`
+- Private Graph `backend/private-graph/graph/schema.resolvers.go`
+- Workers `backend/worker.go`
+  - Public graph worker `processPublicWorkerMessage`
+  - Async worker `Start`
 
 ## Best first issues to take on
 

README.md

@@ -1,34 +1,35 @@
 <img width="2051" alt="Docs Thumbnail" src="https://user-images.githubusercontent.com/20292680/214512508-04cc1ca5-5c26-45c6-839e-7aa9b5280c90.png">
 
 # Highlight's landing page & docs: [highlight.io](https://highlight.io)
+
 Welcome to the repo we use to maintain our main landing page (https://highlight.io) and docs (https://highlight.io/docs). If you're looking to make contributions to Highlight's main repository, head over to https://github.com/highlight/highlight.
 
 ## Table of contents:
--   [Editing the docs](#contributing-to-our-docs)
--   [Running the site locally](#running-the-site-locally)
+
+- [Editing the docs](#contributing-to-our-docs)
+- [Running the site locally](#running-the-site-locally)
 
 ## Contributing to our Docs
 
 ### Ordering Doc Items
 
-If you want to explicitly order items in the left panel (e.g. to make the `overview` section at the top of a subdirectory), rather than naming a file or directory in the format `{{content}}` you can use the syntax `{{number}}_{{content}}`. 
+If you want to explicitly order items in the left panel (e.g. to make the `overview` section at the top of a subdirectory), rather than naming a file or directory in the format `{{content}}` you can use the syntax `{{number}}_{{content}}`.
 
 - For example, for [`http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview`](http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview), the file path of the doc is `docs/general-docs/2_getting-started/fullstack-frameworks/next-js/metrics-overview.md`
 - Notice `2_getting-started` because we want it second in the list of subfiles.
 
 ### How are slugs defined?
 
 - For files in `general-docs`, the base path is `docs/` and for files in `sdk-docs`, the base path is `docs/sdk`.
-- The rest of the slug is defined based on the file name / directory structure of the file. For files/folders in the form `{{number}}_{{content}}`*, only the content is included in the slug.
-    - For example, for [`http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview`](http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview), the file path of the doc is `docs/general-docs/2_getting-started/fullstack-frameworks/next-js/metrics-overview.md`
-    
+- The rest of the slug is defined based on the file name / directory structure of the file. For files/folders in the form `{{number}}_{{content}}`\*, only the content is included in the slug.
+  - For example, for [`http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview`](http://localhost:3000/docs/getting-started/fullstack-frameworks/next-js/metrics-overview), the file path of the doc is `docs/general-docs/2_getting-started/fullstack-frameworks/next-js/metrics-overview.md`
+
 ## Running the site locally
 
 ### How can I run them locally?
 
-Run `yarn dev` (and optionally `yarn styles` if you’re making styling changes). 
+Run `yarn dev` (and optionally `yarn styles` if you’re making styling changes).
 
 ### Deployment
 
 When a doc change is merged, you should be able to view the doc that you added/changed after a deploy is successful in Vercel at https://highlight.io.
-

components/Animate.tsx

@@ -26,10 +26,7 @@ export const AnimateIn = ({ children }: React.PropsWithChildren) => {
   )
 }
 
-export const AnimateBugLeft = ({
-  loaded,
-  children,
-}: React.PropsWithChildren<{ loaded: boolean }>) => {
+export const AnimateBugLeft = ({ loaded, children }: React.PropsWithChildren<{ loaded: boolean }>) => {
   const orig = { left: -300, top: 0, opacity: 0 }
   const final = { left: -120, top: 125, opacity: 1 }
   return (
@@ -52,10 +49,7 @@ export const AnimateBugLeft = ({
   )
 }
 
-export const AnimateBugRight = ({
-  loaded,
-  children,
-}: React.PropsWithChildren<{ loaded: boolean }>) => {
+export const AnimateBugRight = ({ loaded, children }: React.PropsWithChildren<{ loaded: boolean }>) => {
   const orig = { right: -275, top: -95, opacity: 0 }
   const final = { right: -95, top: 30, opacity: 1 }
   return (
@@ -78,10 +72,7 @@ export const AnimateBugRight = ({
   )
 }
 
-export const AnimateCarouselImage = ({
-  loaded,
-  children,
-}: React.PropsWithChildren<{ loaded: boolean }>) => {
+export const AnimateCarouselImage = ({ loaded, children }: React.PropsWithChildren<{ loaded: boolean }>) => {
   const orig = { bottom: -300, opacity: 0 }
   const final = { bottom: -20, opacity: 1 }
   return (
@@ -100,10 +91,7 @@ export const AnimateCarouselImage = ({
   )
 }
 
-export const AnimateMobileCarouselImage = ({
-  loaded,
-  children,
-}: React.PropsWithChildren<{ loaded: boolean }>) => {
+export const AnimateMobileCarouselImage = ({ loaded, children }: React.PropsWithChildren<{ loaded: boolean }>) => {
   const orig = { bottom: -300, opacity: 0 }
   const final = { bottom: 30, opacity: 1 }
   return (
@@ -120,4 +108,4 @@ export const AnimateMobileCarouselImage = ({
       {children}
     </motion.div>
   )
-}
+}