fix: typos and correcting grammatical errors (#170)

* fixed typos and correct grammatical errors

* fix: small changes

---------

Co-authored-by: Afonso Jorge Ramos <afonsojorgeramos@gmail.com>

Author: ktownmaxi

docs/advanced-usage/command-line-interface.md

@@ -9,7 +9,7 @@ Run with no command once to generate config file
 spicetify
 ```
 
-If you just want to use Custom Apps and Extensions head over to each specific sections, if you want to create your own theme, keep reading below.
+If you just want to use Custom Apps and Extensions head over to each specific section, if you want to create your own theme, keep reading below.
 
 Make sure config file is created successfully and there is no error, then run:
 

docs/advanced-usage/custom-apps.md

@@ -31,7 +31,7 @@ spicetify apply
 
 ## Uninstalling
 
-If you want to remove a custom app from the current list of custom app you can always append a `-` after the file name:
+If you want to remove a custom app from the current list of custom apps you can always append a `-` after the file name:
 
 ```bash
 spicetify config custom_apps <file name>-
@@ -71,7 +71,7 @@ Three apps have been included to demonstrate how to create and inject an app:
 
 ### Reddit
 
-Fetching posts from any Spotify link sharing subreddit. You can add, remove, arrange subreddits and customize post visual in config menu (in Profile menu, top right button with your user name).
+Fetching posts from any Spotify link sharing subreddit. You can add, remove, arrange subreddits and customize post visual in config menu (in Profile menu, top right button with your username).
 
 ![Reddit](https://i.imgur.com/MC3tpNZ.png)
 
@@ -84,7 +84,7 @@ spicetify apply
 
 ### New Releases
 
-Aggregate all new releases from favorite artists, podcasts. Time range, release type, and other filters can be customized in config menu (in Profile menu, top right button with your user name). Date format is based on your locale code (BCP47).
+Aggregate all new releases from favorite artists, podcasts. Time range, release type, and other filters can be customized in config menu (in Profile menu, top right button with your username). Date format is based on your locale code (BCP47).
 
 ![New Releases](https://i.imgur.com/MP9dTjt.png)
 
@@ -99,7 +99,7 @@ spicetify apply
 
 Get access to the current track's lyrics from various lyrics providers (Musixmatch, Netease, LRCLIB). Learn more [here](https://github.com/spicetify/cli/tree/main/CustomApps/lyrics-plus).
 
-Colors, lyrics providers can be customized in config menu (in Profile menu, top right button with your user name).
+Colors, lyrics providers can be customized in config menu (in Profile menu, top right button with your username).
 
 ![Lyrics Plus](https://i.imgur.com/WtD080A.png)
 

docs/advanced-usage/installation.md

@@ -81,7 +81,7 @@ If Spotify is installed through the `spotify-launcher` package, then Spotify won
 
 This directory will need to be added to the `spotify-path` section of the config (and you won't need to change any permissions like the AUR method). 
 
-**Note:** `spotify-path` must be an abslolute path. Do not use `~` to reference the home folder.
+**Note:** `spotify-path` must be an absolute path. Do not use `~` to reference the home folder.
 
 #### Spotify installed from Snap
 
@@ -96,7 +96,7 @@ echo "deb http://repository.spotify.com stable non-free" | sudo tee /etc/apt/sou
 sudo apt-get update && sudo apt-get install spotify-client
 ```
 
-4. After Spotify is installed successfully, you need to gain read write permissions on Spotify files, by running commands:
+3. After Spotify is installed successfully, you need to gain read write permissions on Spotify files, by running commands:
 
 ```bash
 sudo chmod a+wr /usr/share/spotify

docs/development/api-wrapper/classes/menu.md

@@ -59,7 +59,7 @@ setName(name: string): void
 
 ##### setState
 
-Set the state of the menu item. The item would has a tick icon next to it if its state is enabled.
+Set the state of the menu item. The item will have a tick icon next to it if its state is enabled.
 
 ```ts
 setState(isEnabled: boolean): void

docs/development/api-wrapper/classes/topbar.md

@@ -30,7 +30,7 @@ namespace Topbar {
 | icon | [`SVGIcon`](/docs/development/api-wrapper/types/svgicon) | `string` | Icon of the button. |
 | onClick | `(self: Button) => void` | Callback function when the button is clicked. |
 | disabled | `boolean` | Whether the button is disabled. |
-| isRight | `boolean` | Whether the button is button placed on right side. |
+| isRight | `boolean` | Whether the button is button placed on the right side. |
 
 #### Properties
 

docs/development/api-wrapper/functions/get-font-style.md

@@ -7,7 +7,7 @@ Spicetify provides a function that returns the CSS style for a given font varian
 
 :::tip
 
-This function is used to provide backwards compatibility for older Spicetify extensions and custom apps that uses `main-type-` classes.
+This function is used to provide backwards compatibility for older Spicetify extensions and custom apps that use `main-type-` classes.
 
 Instead of using this function to get Spotify stylings, you can simply add the `main-type-<variant>` class to your element.
 

docs/development/api-wrapper/functions/remove-from-queue.md

@@ -11,7 +11,7 @@ This works similarly to [`Spicetify.Platform.PlayerAPI.removeFromQueue`](/docs/d
 
 :::caution
 
-If an `uid` is not provided, all tracks with the same `uri` will be removed.
+If a `uid` is not provided, all tracks with the same `uri` will be removed.
 
 :::
 

docs/development/api-wrapper/methods/app-title.md

@@ -7,7 +7,7 @@ Spicetify provides a set of API methods to interact with the Spotify client app
 
 :::note
 
-These methods only works for default app title.
+These methods only work for the default app title.
 
 :::
 
@@ -24,7 +24,7 @@ namespace AppTitle {
 
 ### `set`
 
-Set default app title and forces it until cancelled. This will override any previous forced title.
+Set the default app title and force it until canceled. This will override any previous forced title.
 
 :::note
 

docs/development/api-wrapper/methods/cosmos-async.md

@@ -1,9 +1,9 @@
 ---
 title: CosmosAsync
-description: Asyncronous Cosmos API wrapper used by the Spotify client.
+description: Asynchronous Cosmos API wrapper used by the Spotify client.
 ---
 
-Asyncronous Cosmos API wrapper used by the Spotify client. It is used to make requests to the Spotify client's internal API as well as external URLs.
+Asynchronous Cosmos API wrapper used by the Spotify client. It is used to make requests to the Spotify client's internal API as well as external URLs.
 
 ```ts
 Spicetify.CosmosAsync

docs/development/api-wrapper/methods/graphql.md

@@ -9,9 +9,9 @@ GraphQL API Wrapper used throughout the Spotify client. It is used to communicat
 
 Because this is a private API, it is not documented by Spotify. This documentation is based on the usage of the API in the Spotify client, and may not be accurate.
 
-It is also subjected to drastic changes in the future, and has went through such changes in the past.
+It is also subject to drastic changes in the future, and has gone through such changes in the past.
 
-Any issues or errors that arises from using this API is not the responsibility of this documentation. Use at your own risk.
+Any issues or errors that arise from using this API are not the responsibility of this documentation. If you want to take advantage of this API, bear this in mind.
 
 :::
 
@@ -266,7 +266,7 @@ This is the type of operation that you want to perform, and can be either `query
 
 ###### `name`
 
-This is the name of the operation that you want to perform. Usually the name of the definition are self-explanatory, so you can be sure of what the operation does by looking at the name.
+This is the name of the operation that you want to perform. Usually the name of the definition is self-explanatory, so you can be sure of what the operation does by looking at the name.
 
 ###### `variableDefinitions`
 

docs/development/api-wrapper/methods/keyboard.md

@@ -7,7 +7,7 @@ Spicetify provides its own method for global keyboard shortcuts. You can specify
 
 :::tip
 
-`Spicetify.Keyboard` is wrapper of [`Spicetify.Mousetrap`](/docs/development/api-wrapper/modules#mousetrap) configured to be compatible with legacy Spotify.
+`Spicetify.Keyboard` is a wrapper of [`Spicetify.Mousetrap`](/docs/development/api-wrapper/modules#mousetrap) configured to be compatible with legacy Spotify.
 
 New extensions are advised to use the module instead.
 

docs/development/api-wrapper/methods/local-storage.md

@@ -7,7 +7,7 @@ Spicetify provides a wrapper for `localStorage` to make it easier to use.
 
 :::tip
 
-All keys created via this method is generic and stored as-is.
+All keys created via this method are generic and stored as-is.
 
 If you wish to store values that are specific for each user account, you can use [`Platform.LocalStorageAPI`](/docs/development/api-wrapper/methods/platform#localstorageapi) instead.
 

docs/development/api-wrapper/methods/panel.md

@@ -3,7 +3,7 @@ title: Panel
 description: API wrapper to interact with Spotify's panel/right sidebar.
 ---
 
-Spicetify provides a wrapper for Spotify `PanelAPI` method to make it easier to use, as well as providing a method to help you register your own panel.
+Spicetify provides a wrapper for the Spotify `PanelAPI` method to make it easier to use, as well as providing a method to help you register your own panel.
 
 ```ts
 namespace Panel {
@@ -257,7 +257,7 @@ const PanelAction = () => {
     )
 }
 
-// Ideally, you would want to memorize this component
+// Ideally, you would want to memoize this component
 // to prevent unnecessary re-renders if you were to pass props
 
 // Props will have a single `panel` property for the panel ID

docs/development/api-wrapper/methods/platform.md

@@ -19,7 +19,7 @@ Because these APIs are internal, they are not guaranteed to be stable and may *d
 
 ## Usage
 
-Since these APIs differ between each version of the Spotify client, we cannot provide a complete list of all available APIs. Instead, we provide a list of APIs that may prove useful for extension developers and generally hasn't changed much over the years.
+Since these APIs differ between each version of the Spotify client, we cannot provide a complete list of all available APIs. Instead, we provide a list of APIs that may prove useful for extension developers and that have generally not changed much over the years.
 
 :::note
 

docs/development/api-wrapper/methods/player.md

@@ -167,7 +167,7 @@ Spicetify.Player.decreaseVolume();
 
 ### formatTime
 
-Format a time in milisecond to a string in `mm:ss` format.
+Format a time in milliseconds to a string in `mm:ss` format.
 
 ```ts
 Spicetify.Player.formatTime(time);
@@ -177,7 +177,7 @@ Spicetify.Player.formatTime(time);
 
 | Name | Type | Description |
 | ---- | ---- | ----------- |
-| `time` | `number` | Time in milisecond |
+| `time` | `number` | Time in milliseconds |
 
 #### Return
 
@@ -196,7 +196,7 @@ console.log(formattedDuration); // "03:45"
 
 ### getDuration
 
-Return the duration of current track in milisecond.
+Return the duration of current track in milliseconds.
 
 ```ts
 Spicetify.Player.getDuration();
@@ -228,7 +228,7 @@ Spicetify.Player.getMute();
 
 ### getProgress
 
-Return the progress of current track in milisecond.
+Return the progress of current track in milliseconds.
 
 ```ts
 Spicetify.Player.getProgress();
@@ -392,7 +392,7 @@ Spicetify.Player.removeEventListener(type, callback);
 
 ### seek
 
-Seek track to position. Position can be in percentage (0 to 1) or in milisecond.
+Seek track to position. Position can be in percentage (0 to 1) or in milliseconds.
 
 ```ts
 Spicetify.Player.seek(position);
@@ -402,7 +402,7 @@ Spicetify.Player.seek(position);
 
 | Name | Type | Description |
 | ---- | ---- | ----------- |
-| `position` | `number` | Position to seek. Can be in percentage (0 to 1) or in milisecond |
+| `position` | `number` | Position to seek. Can be in percentage (0 to 1) or in milliseconds |
 
 #### Example
 

docs/development/api-wrapper/methods/popup-modal.md

@@ -22,7 +22,7 @@ namespace PopupModal {
 
 ### `Content`
 
-`Content` is an object that contains information about the modal needs to be displayed.
+`Content` is an object that contains the information needed to display the modal.
 
 | Property | Type | Description |
 | --- | --- | --- |

docs/development/api-wrapper/methods/uri.md

@@ -304,7 +304,7 @@ For a list of all validation functions, see [`Validation functions`](/docs/devel
 
 :::caution
 
-Almost all playlists uses the `playlist-v2` type, so use `Spicetify.URI.isPlaylistV2URI` instead.
+Almost all playlists use the `playlist-v2` type, so use `Spicetify.URI.isPlaylistV2URI` instead.
 
 Similarly, you can use `Spicetify.URI.isPlaylistV1OrV2` to check if a URI is a playlist of any version.
 

docs/development/api-wrapper/modules.md

@@ -47,7 +47,7 @@ Spicetify.Tippy;
 
 ### Mousetrap
 
-[Mousetrap](https://craig.is/killing/mice) is a simple library for handling keyboard shortcuts in Javascript.
+[Mousetrap](https://craig.is/killing/mice) is a simple library for handling keyboard shortcuts in JavaScript.
 
 ```js
 Spicetify.Mousetrap;

docs/development/api-wrapper/properties/config.md

@@ -35,4 +35,4 @@ if (Config.custom_apps.includes("lyrics-plus")) {
 }
 ```
 
-This can ensure that your extension doesn't break if the user doesn't have the requried app or theme installed.
+This can ensure that your extension doesn't break if the user doesn't have the required app or theme installed.

docs/development/api-wrapper/types/player-state.md

@@ -66,7 +66,7 @@ type PlayerState = {
 | Property | Type | Description |
 | --- | --- | --- |
 | `timestamp` | `number` | Timestamp. |
-| `context_uri` | `string` | Context URI from which the track played from. |
+| `context_uri` | `string` | Context URI from which the track was played. |
 | `context_url` | `string` | Context internal URL. |
 | `context_restrictions` | `Record<string, string[]>` | Context restrictions. |
 | `index` | `object` &#124; `undefined` | Track index. |

docs/development/custom-apps.md

@@ -17,7 +17,7 @@ description: 🔧 Creating Custom Apps.
 - `icon`: The escaped SVG markup for the sidebar icon.
 - `active-icon`: The escaped SVG markup for the active status of the sidebar icon (when your custom app is open).
 - `subfiles`: You can optionally include other JS files. These files will be concatenated together in the order defined here. Any variables you declare in the main `index.js`, or any subfiles will be accessible from all. This is useful for organizational purposes for more complex custom apps.
-- `subfiles_extension`: You can optionally include an extension(s) with your custom app. These are treated as regular extensions, and will run when Spotify starts.
+- `subfiles_extension`: You can optionally include one or more extensions with your custom app. These are treated as regular extensions, and will run when Spotify starts.
 
 _Note: The `subfiles` can be in nested folders, while any `subfiles_extension` can not._
 

docs/development/js-modules.md

@@ -7,7 +7,7 @@ Since v0.9.8, Spicetify injects extension with file extension `.mjs` as a script
 
 In Javascript module, Javascript would work just the same as normal script but now you can use `import` to include other Javascript files. [Click here for details](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules).
 
-Node Package Manager (NPM) is a commandline app bundled with NodeJS. You can it use to download and install hundred of utilities packages to ease your development process. Since Spicetify symlinks `node_modules` to Spotify main app folder, all packages files are mutually linked and available for you to use in your extension. Simply just use `import`:
+Node Package Manager (NPM) is a commandline app bundled with NodeJS. You can use it to download and install hundreds of utility packages to ease your development process. Since Spicetify symlinks `node_modules` to Spotify main app folder, all packages files are mutually linked and available for you to use in your extension. Simply just use `import`:
 
 ```js
 import './node_modules/package_name/file.js';
@@ -17,7 +17,7 @@ Careful! Javascript file you import has to be supported by Browser, not NodeJS.
 
 ### Example
 
-For Japanese studying purpose, I'm developing an extension that show Romaji form of Japanese track titles or artist names.
+For Japanese studying purpose, I'm developing an extension that shows the Romaji form of Japanese track titles or artist names.
 
 The idea is when I right click at track name and choose Show Romaji:
 
@@ -27,11 +27,11 @@ Result should show as a notification:
 
 ![img2](https://i.imgur.com/LLF5ZGh.png)
 
-To translate Japanese text to Romaji, I use a package named [kuroshiro](https://github.com/hexenq/kuroshiro). Luckily, this package will export distribution files as ES6 Module. This is quite important because package itself relies on other utilities packages too. When it is complied as ES6 Module, everything is transpiled to Browser supported Javascript and combined in one file. Moreover, kuroshiro also needs [kuroshiro-analyzer-kuromoji](https://github.com/hexenq/kuroshiro-analyzer-kuromoji) package to be usable, which relies on dictionaries gzip files. You can see there is no easy way to utiltise both packages and their external files if we use traditional Javascript extension.
+To translate Japanese text to Romaji, I use a package named [kuroshiro](https://github.com/hexenq/kuroshiro). Luckily, this package will export distribution files as ES6 Module. This is quite important because package itself relies on other utilities packages too. When it is compiled as an ES6 module, everything is transpiled to Browser supported Javascript and combined in one file. Moreover, kuroshiro also needs [kuroshiro-analyzer-kuromoji](https://github.com/hexenq/kuroshiro-analyzer-kuromoji) package to be usable, which relies on dictionaries gzip files. You can see there is no easy way to utiltise both packages and their external files if we use traditional Javascript extension.
 
 **Following are steps to make and install this extension from scratch:**
 
-1. First, change director to user's `Extensions` folder:
+1. First, change director to the user's `Extensions` folder:
 
 - **Windows, in Powershell:**
 
@@ -51,7 +51,7 @@ cd "$(dirname "$(spicetify -c)")/Extensions"
 npm install kuroshiro kuroshiro-analyzer-kuromoji
 ```
 
-Go to user's `Extensions` folder, you can see `node_modules` folder is created and contains all installed packages files. Next, go to `kuroshiro` and `kuroshiro-analyzer-kuromoji`folder to locate ES6 Module distribution files.
+Go to user's `Extensions` folder, you can see `node_modules` folder is created and contains all installed packages files. Next, go to the `kuroshiro` and `kuroshiro-analyzer-kuromoji`folder to locate ES6 Module distribution files.
 
 3. After that I can comfortably include both of them in my extension. Following is extension code:
 

docs/development/react-devtools.md

@@ -5,7 +5,7 @@ description: Installing and using React Developer Tools in Spotify.
 
 To install React Developer Tools in Spotify:
 
-1. Launch Spotify in the developer mode (and with the `--enable-chrome-runtime` flag if you are using **Spotify older than 1.2.34**; without it React Developer Tools won't work)
+1. Launch Spotify in the developer mode (and with the `--enable-chrome-runtime` flag if you are using **Spotify versions older than 1.2.34**; without it, React Developer Tools won't work)
 2. Press *Ctrl + Shift + T*
 3. Press *Ctrl + N*
 4. Navigate to the React Developer Tools page on Chrome Web Store using the address bar: `https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi`

docs/development/spicetify-creator/create-custom-apps.md

@@ -6,7 +6,7 @@ description: 🔧 Creating single-page apps for Spicetify.
 Notes:
 
 - It is recommended to learn React before starting to create Custom Apps.
-- This tutorial assumes you chose to generate an example in Create Spicetify App.
+- This tutorial assumes you have chosen to generate an example using Create Spicetify App.
 
 After creating a new Spicetify Creator project and choosing "Custom App" as your app's type, your project's structure should look like this (With the generated example):
 
@@ -24,7 +24,7 @@ my-app/
     ...
 ```
 
-For now, we only care about the `src/` folder, which structure looks like this
+For now, we only care about the `src/` folder, whose structure looks like this
 
 ```
 src/

docs/development/spicetify-creator/create-extensions.md

@@ -5,7 +5,7 @@ description: 🔨 Creating small addons for Spicetify.
 
 Notes:
 
-- This tutorial assumes you chose to generate an example in Create Spicetify App.
+- This tutorial assumes you have chosen to generate an example using Create Spicetify App.
 
 After creating a new Spicetify Creator project and choosing "Extension" as your app's type, your project's structure should look like this (With the generated example):
 
@@ -23,7 +23,7 @@ my-app/
     ...
 ```
 
-For now, we only care about the `src/` folder, which structure looks like this
+For now, we only care about the `src/` folder, whose structure looks like this
 
 ```
 src/