diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..8a6781470
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+Dockerfile
+docker-compose.*
diff --git a/.erb/configs/webpack.config.renderer.dev.ts b/.erb/configs/webpack.config.renderer.dev.ts
index f6ca25d83..46e51530d 100644
--- a/.erb/configs/webpack.config.renderer.dev.ts
+++ b/.erb/configs/webpack.config.renderer.dev.ts
@@ -16,7 +16,7 @@ import webpackPaths from './webpack.paths';
 // When an ESLint server is running, we can't set the NODE_ENV so we'll check if it's
 // at the dev webpack config is not accidentally run in a production environment
 if (process.env.NODE_ENV === 'production') {
-  checkNodeEnv('development');
+    checkNodeEnv('development');
 }
 
 const port = process.env.PORT || 4343;
@@ -28,171 +28,174 @@ const requiredByDLLConfig = module.parent!.filename.includes('webpack.config.ren
  * Warn if the DLL is not built
  */
 if (!requiredByDLLConfig && !(fs.existsSync(webpackPaths.dllPath) && fs.existsSync(manifest))) {
-  console.log(
-    chalk.black.bgYellow.bold(
-      'The DLL files are missing. Sit back while we build them for you with "npm run build-dll"',
-    ),
-  );
-  execSync('npm run postinstall');
+    console.log(
+        chalk.black.bgYellow.bold(
+            'The DLL files are missing. Sit back while we build them for you with "npm run build-dll"',
+        ),
+    );
+    execSync('npm run postinstall');
 }
 
 const configuration: webpack.Configuration = {
-  devtool: 'inline-source-map',
+    devtool: 'inline-source-map',
 
-  mode: 'development',
+    mode: 'development',
 
-  target: ['web', 'electron-renderer'],
+    target: ['web', 'electron-renderer'],
 
-  entry: [
-    `webpack-dev-server/client?http://localhost:${port}/dist`,
-    'webpack/hot/only-dev-server',
-    path.join(webpackPaths.srcRendererPath, 'index.tsx'),
-  ],
+    entry: [
+        `webpack-dev-server/client?http://localhost:${port}/dist`,
+        'webpack/hot/only-dev-server',
+        path.join(webpackPaths.srcRendererPath, 'index.tsx'),
+    ],
 
-  output: {
-    path: webpackPaths.distRendererPath,
-    publicPath: '/',
-    filename: 'renderer.dev.js',
-    library: {
-      type: 'umd',
+    output: {
+        path: webpackPaths.distRendererPath,
+        publicPath: '/',
+        filename: 'renderer.dev.js',
+        library: {
+            type: 'umd',
+        },
     },
-  },
-
-  module: {
-    rules: [
-      {
-        test: /\.s?css$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                localIdentName: '[name]__[local]--[hash:base64:5]',
-                exportLocalsConvention: 'camelCaseOnly',
-              },
-              sourceMap: true,
-              importLoaders: 1,
+
+    module: {
+        rules: [
+            {
+                test: /\.s?css$/,
+                use: [
+                    'style-loader',
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            modules: {
+                                localIdentName: '[name]__[local]--[hash:base64:5]',
+                                exportLocalsConvention: 'camelCaseOnly',
+                            },
+                            sourceMap: true,
+                            importLoaders: 1,
+                        },
+                    },
+                    'sass-loader',
+                ],
+                include: /\.module\.s?(c|a)ss$/,
+            },
+            {
+                test: /\.s?css$/,
+                use: ['style-loader', 'css-loader', 'sass-loader'],
+                exclude: /\.module\.s?(c|a)ss$/,
+            },
+            // Fonts
+            {
+                test: /\.(woff|woff2|eot|ttf|otf)$/i,
+                type: 'asset/resource',
+            },
+            // Images
+            {
+                test: /\.(png|svg|jpg|jpeg|gif)$/i,
+                type: 'asset/resource',
             },
-          },
-          'sass-loader',
         ],
-        include: /\.module\.s?(c|a)ss$/,
-      },
-      {
-        test: /\.s?css$/,
-        use: ['style-loader', 'css-loader', 'sass-loader'],
-        exclude: /\.module\.s?(c|a)ss$/,
-      },
-      // Fonts
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: 'asset/resource',
-      },
-      // Images
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
-      },
-    ],
-  },
-  plugins: [
-    ...(requiredByDLLConfig
-      ? []
-      : [
-          new webpack.DllReferencePlugin({
-            context: webpackPaths.dllPath,
-            manifest: require(manifest),
-            sourceType: 'var',
-          }),
-        ]),
-
-    new webpack.NoEmitOnErrorsPlugin(),
-
-    /**
-     * Create global constants which can be configured at compile time.
-     *
-     * Useful for allowing different behaviour between development builds and
-     * release builds
-     *
-     * NODE_ENV should be production so that modules do not perform certain
-     * development checks
-     *
-     * By default, use 'development' as NODE_ENV. This can be overriden with
-     * 'staging', for example, by changing the ENV variables in the npm scripts
-     */
-    new webpack.EnvironmentPlugin({
-      NODE_ENV: 'development',
-    }),
-
-    new webpack.LoaderOptionsPlugin({
-      debug: true,
-    }),
-
-    new ReactRefreshWebpackPlugin(),
-
-    new HtmlWebpackPlugin({
-      filename: path.join('index.html'),
-      template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
-      minify: {
-        collapseWhitespace: true,
-        removeAttributeQuotes: true,
-        removeComments: true,
-      },
-      isBrowser: false,
-      env: process.env.NODE_ENV,
-      isDevelopment: process.env.NODE_ENV !== 'production',
-      nodeModules: webpackPaths.appNodeModulesPath,
-    }),
-  ],
-
-  node: {
-    __dirname: false,
-    __filename: false,
-  },
-
-  devServer: {
-    port,
-    compress: true,
-    hot: true,
-    headers: { 'Access-Control-Allow-Origin': '*' },
-    static: {
-      publicPath: '/',
     },
-    historyApiFallback: {
-      verbose: true,
+    plugins: [
+        ...(requiredByDLLConfig
+            ? []
+            : [
+                  new webpack.DllReferencePlugin({
+                      context: webpackPaths.dllPath,
+                      manifest: require(manifest),
+                      sourceType: 'var',
+                  }),
+              ]),
+
+        new webpack.NoEmitOnErrorsPlugin(),
+
+        /**
+         * Create global constants which can be configured at compile time.
+         *
+         * Useful for allowing different behaviour between development builds and
+         * release builds
+         *
+         * NODE_ENV should be production so that modules do not perform certain
+         * development checks
+         *
+         * By default, use 'development' as NODE_ENV. This can be overriden with
+         * 'staging', for example, by changing the ENV variables in the npm scripts
+         */
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: 'development',
+        }),
+
+        new webpack.LoaderOptionsPlugin({
+            debug: true,
+        }),
+
+        new ReactRefreshWebpackPlugin(),
+
+        new HtmlWebpackPlugin({
+            filename: path.join('index.html'),
+            template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
+            minify: {
+                collapseWhitespace: true,
+                removeAttributeQuotes: true,
+                removeComments: true,
+            },
+            isBrowser: false,
+            env: process.env.NODE_ENV,
+            isDevelopment: process.env.NODE_ENV !== 'production',
+            nodeModules: webpackPaths.appNodeModulesPath,
+            templateParameters: {
+                web: false,
+            },
+        }),
+    ],
+
+    node: {
+        __dirname: false,
+        __filename: false,
     },
-    setupMiddlewares(middlewares) {
-      console.log('Starting preload.js builder...');
-      const preloadProcess = spawn('npm', ['run', 'start:preload'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => process.exit(code!))
-        .on('error', (spawnError) => console.error(spawnError));
-
-      console.log('Starting remote.js builder...');
-      const remoteProcess = spawn('npm', ['run', 'start:remote'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => process.exit(code!))
-        .on('error', (spawnError) => console.error(spawnError));
-
-      console.log('Starting Main Process...');
-      spawn('npm', ['run', 'start:main'], {
-        shell: true,
-        stdio: 'inherit',
-      })
-        .on('close', (code: number) => {
-          preloadProcess.kill();
-          remoteProcess.kill();
-          process.exit(code!);
-        })
-        .on('error', (spawnError) => console.error(spawnError));
-      return middlewares;
+
+    devServer: {
+        port,
+        compress: true,
+        hot: true,
+        headers: { 'Access-Control-Allow-Origin': '*' },
+        static: {
+            publicPath: '/',
+        },
+        historyApiFallback: {
+            verbose: true,
+        },
+        setupMiddlewares(middlewares) {
+            console.log('Starting preload.js builder...');
+            const preloadProcess = spawn('npm', ['run', 'start:preload'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => process.exit(code!))
+                .on('error', (spawnError) => console.error(spawnError));
+
+            console.log('Starting remote.js builder...');
+            const remoteProcess = spawn('npm', ['run', 'start:remote'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => process.exit(code!))
+                .on('error', (spawnError) => console.error(spawnError));
+
+            console.log('Starting Main Process...');
+            spawn('npm', ['run', 'start:main'], {
+                shell: true,
+                stdio: 'inherit',
+            })
+                .on('close', (code: number) => {
+                    preloadProcess.kill();
+                    remoteProcess.kill();
+                    process.exit(code!);
+                })
+                .on('error', (spawnError) => console.error(spawnError));
+            return middlewares;
+        },
     },
-  },
 };
 
 export default merge(baseConfig, configuration);
diff --git a/.erb/configs/webpack.config.renderer.prod.ts b/.erb/configs/webpack.config.renderer.prod.ts
index 324630a74..379bb2d02 100644
--- a/.erb/configs/webpack.config.renderer.prod.ts
+++ b/.erb/configs/webpack.config.renderer.prod.ts
@@ -21,114 +21,117 @@ checkNodeEnv('production');
 deleteSourceMaps();
 
 const devtoolsConfig =
-  process.env.DEBUG_PROD === 'true'
-    ? {
-        devtool: 'source-map',
-      }
-    : {};
+    process.env.DEBUG_PROD === 'true'
+        ? {
+              devtool: 'source-map',
+          }
+        : {};
 
 const configuration: webpack.Configuration = {
-  ...devtoolsConfig,
+    ...devtoolsConfig,
 
-  mode: 'production',
+    mode: 'production',
 
-  target: ['web', 'electron-renderer'],
+    target: ['web', 'electron-renderer'],
 
-  entry: [path.join(webpackPaths.srcRendererPath, 'index.tsx')],
+    entry: [path.join(webpackPaths.srcRendererPath, 'index.tsx')],
 
-  output: {
-    path: webpackPaths.distRendererPath,
-    publicPath: './',
-    filename: 'renderer.js',
-    library: {
-      type: 'umd',
+    output: {
+        path: webpackPaths.distRendererPath,
+        publicPath: './',
+        filename: 'renderer.js',
+        library: {
+            type: 'umd',
+        },
     },
-  },
-
-  module: {
-    rules: [
-      {
-        test: /\.s?(a|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: 'css-loader',
-            options: {
-              modules: {
-                localIdentName: '[name]__[local]--[hash:base64:5]',
-                exportLocalsConvention: 'camelCaseOnly',
-              },
-              sourceMap: true,
-              importLoaders: 1,
+
+    module: {
+        rules: [
+            {
+                test: /\.s?(a|c)ss$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: 'css-loader',
+                        options: {
+                            modules: {
+                                localIdentName: '[name]__[local]--[hash:base64:5]',
+                                exportLocalsConvention: 'camelCaseOnly',
+                            },
+                            sourceMap: true,
+                            importLoaders: 1,
+                        },
+                    },
+                    'sass-loader',
+                ],
+                include: /\.module\.s?(c|a)ss$/,
+            },
+            {
+                test: /\.s?(a|c)ss$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+                exclude: /\.module\.s?(c|a)ss$/,
+            },
+            // Fonts
+            {
+                test: /\.(woff|woff2|eot|ttf|otf)$/i,
+                type: 'asset/resource',
+            },
+            // Images
+            {
+                test: /\.(png|svg|jpg|jpeg|gif)$/i,
+                type: 'asset/resource',
             },
-          },
-          'sass-loader',
         ],
-        include: /\.module\.s?(c|a)ss$/,
-      },
-      {
-        test: /\.s?(a|c)ss$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
-        exclude: /\.module\.s?(c|a)ss$/,
-      },
-      // Fonts
-      {
-        test: /\.(woff|woff2|eot|ttf|otf)$/i,
-        type: 'asset/resource',
-      },
-      // Images
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource',
-      },
-    ],
-  },
-
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        parallel: true,
-      }),
-      new CssMinimizerPlugin(),
+    },
+
+    optimization: {
+        minimize: true,
+        minimizer: [
+            new TerserPlugin({
+                parallel: true,
+            }),
+            new CssMinimizerPlugin(),
+        ],
+    },
+
+    plugins: [
+        /**
+         * Create global constants which can be configured at compile time.
+         *
+         * Useful for allowing different behaviour between development builds and
+         * release builds
+         *
+         * NODE_ENV should be production so that modules do not perform certain
+         * development checks
+         */
+        new webpack.EnvironmentPlugin({
+            NODE_ENV: 'production',
+            DEBUG_PROD: false,
+        }),
+
+        new MiniCssExtractPlugin({
+            filename: 'style.css',
+        }),
+
+        new BundleAnalyzerPlugin({
+            analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
+        }),
+
+        new HtmlWebpackPlugin({
+            filename: 'index.html',
+            template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
+            minify: {
+                collapseWhitespace: true,
+                removeAttributeQuotes: true,
+                removeComments: true,
+            },
+            isBrowser: false,
+            isDevelopment: process.env.NODE_ENV !== 'production',
+            templateParameters: {
+                web: false,
+            },
+        }),
     ],
-  },
-
-  plugins: [
-    /**
-     * Create global constants which can be configured at compile time.
-     *
-     * Useful for allowing different behaviour between development builds and
-     * release builds
-     *
-     * NODE_ENV should be production so that modules do not perform certain
-     * development checks
-     */
-    new webpack.EnvironmentPlugin({
-      NODE_ENV: 'production',
-      DEBUG_PROD: false,
-    }),
-
-    new MiniCssExtractPlugin({
-      filename: 'style.css',
-    }),
-
-    new BundleAnalyzerPlugin({
-      analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
-    }),
-
-    new HtmlWebpackPlugin({
-      filename: 'index.html',
-      template: path.join(webpackPaths.srcRendererPath, 'index.ejs'),
-      minify: {
-        collapseWhitespace: true,
-        removeAttributeQuotes: true,
-        removeComments: true,
-      },
-      isBrowser: false,
-      isDevelopment: process.env.NODE_ENV !== 'production',
-    }),
-  ],
 };
 
 export default merge(baseConfig, configuration);
diff --git a/.erb/configs/webpack.config.renderer.web.ts b/.erb/configs/webpack.config.renderer.web.ts
index 39fca511f..82b5f79ad 100644
--- a/.erb/configs/webpack.config.renderer.web.ts
+++ b/.erb/configs/webpack.config.renderer.web.ts
@@ -116,6 +116,9 @@ const configuration: webpack.Configuration = {
             env: process.env.NODE_ENV,
             isDevelopment: process.env.NODE_ENV !== 'production',
             nodeModules: webpackPaths.appNodeModulesPath,
+            templateParameters: {
+                web: false, // with hot reload, we don't have NGINX injecting variables
+            },
         }),
     ],
 
diff --git a/.erb/configs/webpack.config.web.prod.ts b/.erb/configs/webpack.config.web.prod.ts
index 73cc32fc4..ed935fd62 100644
--- a/.erb/configs/webpack.config.web.prod.ts
+++ b/.erb/configs/webpack.config.web.prod.ts
@@ -128,6 +128,9 @@ const configuration: webpack.Configuration = {
             },
             isBrowser: false,
             isDevelopment: process.env.NODE_ENV !== 'production',
+            templateParameters: {
+                web: true,
+            },
         }),
     ],
 };
diff --git a/.github/workflows/publish-docker-auto.yml b/.github/workflows/publish-docker-auto.yml
index 6c7a0b04a..06b347768 100644
--- a/.github/workflows/publish-docker-auto.yml
+++ b/.github/workflows/publish-docker-auto.yml
@@ -37,6 +37,10 @@ jobs:
                       type=semver,pattern={{version}}
                       type=semver,pattern={{major}}.{{minor}}
                       type=semver,pattern={{major}}
+            - name: Set up QEMU
+              uses: docker/setup-qemu-action@v3
+            - name: Setup Docker buildx
+              uses: docker/setup-buildx-action@v3
             - name: Build and push Docker image
               uses: docker/build-push-action@f2a1d5e99d037542a71f64918e516c093c6f3fc4
               with:
@@ -44,3 +48,7 @@ jobs:
                   push: true
                   tags: ${{ steps.meta.outputs.tags }}
                   labels: ${{ steps.meta.outputs.labels }}
+                  platforms: |
+                      linux/amd64
+                      linux/arm/v7
+                      linux/arm64/v8
diff --git a/.github/workflows/publish-docker.yml b/.github/workflows/publish-docker.yml
index c189d619a..d12a631d6 100644
--- a/.github/workflows/publish-docker.yml
+++ b/.github/workflows/publish-docker.yml
@@ -29,6 +29,10 @@ jobs:
                   images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
                   tags: |
                       type=raw,value=latest,enable={{is_default_branch}}
+            - name: Set up QEMU
+              uses: docker/setup-qemu-action@v3
+            - name: Setup Docker buildx
+              uses: docker/setup-buildx-action@v3
             - name: Build and push Docker image
               uses: docker/build-push-action@f2a1d5e99d037542a71f64918e516c093c6f3fc4
               with:
@@ -36,3 +40,7 @@ jobs:
                   push: true
                   tags: ${{ steps.meta.outputs.tags }}
                   labels: ${{ steps.meta.outputs.labels }}
+                  platforms: |
+                      linux/amd64
+                      linux/arm/v7
+                      linux/arm64/v8
diff --git a/.github/workflows/publish-linux.yml b/.github/workflows/publish-linux.yml
index 4d2d03985..d7172d302 100644
--- a/.github/workflows/publish-linux.yml
+++ b/.github/workflows/publish-linux.yml
@@ -37,3 +37,17 @@ jobs:
                       npm run build
                       npm exec electron-builder -- --publish always --linux
                   on_retry_command: npm cache clean --force
+
+            - name: Publish releases (arm64)
+              env:
+                  GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+              uses: nick-invision/retry@v2.8.2
+              with:
+                  timeout_minutes: 30
+                  max_attempts: 3
+                  retry_on: error
+                  command: |
+                      npm run postinstall
+                      npm run build
+                      npm exec electron-builder -- --publish always --arm64
+                  on_retry_command: npm cache clean --force
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 75840e71e..041453776 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -11,10 +11,10 @@
     ],
     "typescript.tsserver.experimental.enableProjectDiagnostics": true,
     "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true,
-        "source.fixAll.stylelint": true,
-        "source.organizeImports": false,
-        "source.formatDocument": true
+        "source.fixAll.eslint": "explicit",
+        "source.fixAll.stylelint": "explicit",
+        "source.organizeImports": "never",
+        "source.formatDocument": "explicit"
     },
     "css.validate": true,
     "less.validate": false,
diff --git a/Dockerfile b/Dockerfile
index 856af4d29..fdf2c6caf 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,16 +1,20 @@
 # --- Builder stage
 FROM node:18-alpine as builder
 WORKDIR /app
-COPY . /app
 
+#Copy package.json first to cache node_modules
+COPY package.json package-lock.json .
 # Scripts include electron-specific dependencies, which we don't need
 RUN npm install --legacy-peer-deps --ignore-scripts
+#Copy code and build with cached modules
+COPY . .
 RUN npm run build:web
 
 # --- Production stage
 FROM nginx:alpine-slim
 
 COPY --chown=nginx:nginx --from=builder /app/release/app/dist/web /usr/share/nginx/html
+COPY ./settings.js.template /etc/nginx/templates/settings.js.template
 COPY ng.conf.template /etc/nginx/templates/default.conf.template
 
 ENV PUBLIC_PATH="/"
diff --git a/README.md b/README.md
index e079643e5..a4a286520 100644
--- a/README.md
+++ b/README.md
@@ -49,8 +49,12 @@ Rewrite of [Sonixd](https://github.com/jeffvli/sonixd).
 
 Download the [latest desktop client](https://github.com/jeffvli/feishin/releases). The desktop client is the recommended way to use Feishin. It supports both the MPV and web player backends, as well as includes built-in fetching for lyrics.
 
+#### MacOS Notes
+
 If you're using a device running macOS 12 (Monterey) or higher, [check here](https://github.com/jeffvli/feishin/issues/104#issuecomment-1553914730) for instructions on how to remove the app from quarantine.
 
+For media keys to work, you will be prompted to allow Feishin to be a Trusted Accessibility Client. After allowing, you will need to restart Feishin for the privacy settings to take effect.
+
 ### Web and Docker
 
 Visit [https://feishin.vercel.app](https://feishin.vercel.app) to use the hosted web version of Feishin. The web client only supports the web player backend.
@@ -59,11 +63,11 @@ Feishin is also available as a Docker image. The images are hosted via `ghcr.io`
 
 ```bash
 # Run the latest version
-docker run --name feishin --port 9180:9180 ghcr.io/jeffvli/feishin:latest
+docker run --name feishin -p 9180:9180 ghcr.io/jeffvli/feishin:latest
 
 # Build the image locally
 docker build -t feishin .
-docker run --name feishin --port 9180:9180 feishin
+docker run --name feishin -p 9180:9180 feishin
 ```
 
 ### Configuration
@@ -73,9 +77,12 @@ docker run --name feishin --port 9180:9180 feishin
 2. After restarting the app, you will be prompted to select a server. Click the `Open menu` button and select `Manage servers`. Click the `Add server` button in the popup and fill out all applicable details. You will need to enter the full URL to your server, including the protocol and port if applicable (e.g. `https://navidrome.my-server.com` or `http://192.168.0.1:4533`).
 
 -   **Navidrome** - For the best experience, select "Save password" when creating the server and configure the `SessionTimeout` setting in your Navidrome config to a larger value (e.g. 72h).
+    -   **Linux users** - The default password store uses `libsecret`. `kwallet4/5/6` are also supported, but must be explicitly set in Settings > Window > Passwords/secret score.
 
 3. _Optional_ - If you want to host Feishin on a subpath (not `/`), then pass in the following environment variable: `PUBLIC_PATH=PATH`. For example, to host on `/feishin`, pass in `PUBLIC_PATH=/feishin`.
 
+4. _Optional_ - To hard code the server url, pass the following environment variables: `SERVER_NAME`, `SERVER_TYPE` (one of `jellyfin` or `navidrome`), `SERVER_URL`. To prevent users from changing these settings, pass `SERVER_LOCK=true`. This can only be set if all three of the previous values are set.
+
 ## FAQ
 
 ### MPV is either not working or is rapidly switching between pause/play states
@@ -86,7 +93,7 @@ First thing to do is check that your MPV binary path is correct. Navigate to the
 
 Feishin supports any music server that implements a [Navidrome](https://www.navidrome.org/) or [Jellyfin](https://jellyfin.org/) API. **Subsonic API is not currently supported**. This will likely be added in [later when the new Subsonic API is decided on](https://support.symfonium.app/t/subsonic-servers-participation/1233).
 
--   [Navidrome](https://github.com/navidrome/navidrome)
+-   [Navidrome](https://github.com/navidrome/navidrome) version 0.48.0 and newer
 -   [Jellyfin](https://github.com/jellyfin/jellyfin)
 -   [Funkwhale](https://funkwhale.audio/) - TBD
 -   Subsonic-compatible servers - TBD
@@ -97,6 +104,10 @@ Built and tested using Node `v16.15.0`.
 
 This project is built off of [electron-react-boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate) v4.6.0.
 
+## Translation
+
+This project uses [Weblate](https://hosted.weblate.org/projects/feishin/) for translations. If you would like to contribute, please visit the link and submit a translation.
+
 ## License
 
 [GNU General Public License v3.0 ©](https://github.com/jeffvli/feishin/blob/dev/LICENSE)
diff --git a/docker-compose.yaml b/docker-compose.yaml
new file mode 100644
index 000000000..443083810
--- /dev/null
+++ b/docker-compose.yaml
@@ -0,0 +1,13 @@
+version: '3.5'
+services:
+    feishin:
+        container_name: feishin
+        image: jeffvli/feishin
+        restart: unless-stopped
+        ports:
+            - 9180:9180
+        environment:
+            - SERVER_NAME=jellyfin # pre defined server name
+            - SERVER_LOCK=true # When true AND name/type/url are set, only username/password can be toggled
+            - SERVER_TYPE=jellyfin # navidrome also works
+            - SERVER_URL= # http://address:port
diff --git a/ng.conf.template b/ng.conf.template
index 3fed35b8d..eb46ff72a 100644
--- a/ng.conf.template
+++ b/ng.conf.template
@@ -16,4 +16,12 @@ server {
     alias /usr/share/nginx/html/;
     try_files $uri $uri/ /index.html =404;
   }
+
+  location ${PUBLIC_PATH}settings.js {
+    alias /etc/nginx/conf.d/settings.js;
+  }
+
+  location ${PUBLIC_PATH}/settings.js {
+    alias /etc/nginx/conf.d/settings.js;
+  }
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d80a2202a..fca89bf20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "feishin",
-    "version": "0.4.1",
+    "version": "0.5.3",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "feishin",
-            "version": "0.4.1",
+            "version": "0.5.3",
             "hasInstallScript": true,
             "license": "GPL-3.0",
             "dependencies": {
@@ -27,13 +27,14 @@
                 "@tanstack/react-query-devtools": "^4.32.1",
                 "@tanstack/react-query-persist-client": "^4.32.1",
                 "@ts-rest/core": "^3.23.0",
-                "axios": "^1.4.0",
+                "@xhayper/discord-rpc": "^1.0.24",
+                "axios": "^1.6.0",
                 "clsx": "^2.0.0",
                 "cmdk": "^0.2.0",
                 "dayjs": "^1.11.6",
                 "electron-debug": "^3.2.0",
                 "electron-localshortcut": "^3.2.1",
-                "electron-log": "^4.4.6",
+                "electron-log": "^5.1.1",
                 "electron-store": "^8.1.0",
                 "electron-updater": "^4.6.5",
                 "fast-average-color": "^9.3.0",
@@ -41,7 +42,7 @@
                 "framer-motion": "^10.13.0",
                 "fuse.js": "^6.6.2",
                 "history": "^5.3.0",
-                "i18next": "^21.6.16",
+                "i18next": "^21.10.0",
                 "idb-keyval": "^6.2.1",
                 "immer": "^9.0.21",
                 "is-electron": "^2.2.2",
@@ -56,7 +57,7 @@
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-error-boundary": "^3.1.4",
-                "react-i18next": "^11.16.7",
+                "react-i18next": "^11.18.6",
                 "react-icons": "^4.10.1",
                 "react-player": "^2.11.0",
                 "react-router": "^6.16.0",
@@ -67,7 +68,7 @@
                 "react-window-infinite-loader": "^1.0.9",
                 "styled-components": "^6.0.8",
                 "swiper": "^9.3.1",
-                "zod": "^3.21.4",
+                "zod": "^3.22.3",
                 "zustand": "^4.3.9"
             },
             "devDependencies": {
@@ -102,8 +103,8 @@
                 "css-loader": "^6.7.1",
                 "css-minimizer-webpack-plugin": "^3.4.1",
                 "detect-port": "^1.3.0",
-                "electron": "^25.8.1",
-                "electron-builder": "^24.6.3",
+                "electron": "^27.1.0",
+                "electron-builder": "^24.9.0",
                 "electron-devtools-installer": "^3.2.0",
                 "electron-notarize": "^1.2.1",
                 "electronmon": "^2.0.2",
@@ -112,7 +113,7 @@
                 "eslint-config-erb": "^4.0.3",
                 "eslint-import-resolver-typescript": "^2.7.1",
                 "eslint-import-resolver-webpack": "^0.13.2",
-                "eslint-plugin-compat": "^4.0.2",
+                "eslint-plugin-compat": "^4.2.0",
                 "eslint-plugin-import": "^2.26.0",
                 "eslint-plugin-jest": "^26.1.3",
                 "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -124,7 +125,7 @@
                 "file-loader": "^6.2.0",
                 "html-webpack-plugin": "^5.5.0",
                 "husky": "^7.0.4",
-                "i18next-parser": "^6.3.0",
+                "i18next-parser": "^6.6.0",
                 "identity-obj-proxy": "^3.0.0",
                 "jest": "^27.5.1",
                 "lint-staged": "^12.3.7",
@@ -285,11 +286,11 @@
             }
         },
         "node_modules/@babel/code-frame": {
-            "version": "7.22.13",
-            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-            "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+            "version": "7.23.5",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+            "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
             "dependencies": {
-                "@babel/highlight": "^7.22.13",
+                "@babel/highlight": "^7.23.4",
                 "chalk": "^2.4.2"
             },
             "engines": {
@@ -406,11 +407,11 @@
             }
         },
         "node_modules/@babel/generator": {
-            "version": "7.22.15",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.15.tgz",
-            "integrity": "sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==",
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+            "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
             "dependencies": {
-                "@babel/types": "^7.22.15",
+                "@babel/types": "^7.23.6",
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "@jridgewell/trace-mapping": "^0.3.17",
                 "jsesc": "^2.5.1"
@@ -547,20 +548,20 @@
             }
         },
         "node_modules/@babel/helper-environment-visitor": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
-            "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+            "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-function-name": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
-            "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+            "version": "7.23.0",
+            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+            "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
             "dependencies": {
-                "@babel/template": "^7.22.5",
-                "@babel/types": "^7.22.5"
+                "@babel/template": "^7.22.15",
+                "@babel/types": "^7.23.0"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -702,17 +703,17 @@
             }
         },
         "node_modules/@babel/helper-string-parser": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-            "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+            "version": "7.23.4",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+            "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.19.tgz",
-            "integrity": "sha512-Tinq7ybnEPFFXhlYOYFiSjespWQk0dq2dRNAiMdRTOYQzEGqnnNyrTxPYHP5r6wGjlF1rFgABdDV0g8EwD6Qbg==",
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+            "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
             "engines": {
                 "node": ">=6.9.0"
             }
@@ -752,11 +753,11 @@
             }
         },
         "node_modules/@babel/highlight": {
-            "version": "7.22.13",
-            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz",
-            "integrity": "sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==",
+            "version": "7.23.4",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+            "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
             "dependencies": {
-                "@babel/helper-validator-identifier": "^7.22.5",
+                "@babel/helper-validator-identifier": "^7.22.20",
                 "chalk": "^2.4.2",
                 "js-tokens": "^4.0.0"
             },
@@ -829,9 +830,9 @@
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.22.16",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
-            "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==",
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+            "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
             "bin": {
                 "parser": "bin/babel-parser.js"
             },
@@ -2177,19 +2178,19 @@
             }
         },
         "node_modules/@babel/traverse": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.19.tgz",
-            "integrity": "sha512-ZCcpVPK64krfdScRbpxF6xA5fz7IOsfMwx1tcACvCzt6JY+0aHkBk7eIU8FRDSZRU5Zei6Z4JfgAxN1bqXGECg==",
-            "dependencies": {
-                "@babel/code-frame": "^7.22.13",
-                "@babel/generator": "^7.22.15",
-                "@babel/helper-environment-visitor": "^7.22.5",
-                "@babel/helper-function-name": "^7.22.5",
+            "version": "7.23.7",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+            "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
+            "dependencies": {
+                "@babel/code-frame": "^7.23.5",
+                "@babel/generator": "^7.23.6",
+                "@babel/helper-environment-visitor": "^7.22.20",
+                "@babel/helper-function-name": "^7.23.0",
                 "@babel/helper-hoist-variables": "^7.22.5",
                 "@babel/helper-split-export-declaration": "^7.22.6",
-                "@babel/parser": "^7.22.16",
-                "@babel/types": "^7.22.19",
-                "debug": "^4.1.0",
+                "@babel/parser": "^7.23.6",
+                "@babel/types": "^7.23.6",
+                "debug": "^4.3.1",
                 "globals": "^11.1.0"
             },
             "engines": {
@@ -2205,12 +2206,12 @@
             }
         },
         "node_modules/@babel/types": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.19.tgz",
-            "integrity": "sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==",
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+            "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
             "dependencies": {
-                "@babel/helper-string-parser": "^7.22.5",
-                "@babel/helper-validator-identifier": "^7.22.19",
+                "@babel/helper-string-parser": "^7.23.4",
+                "@babel/helper-validator-identifier": "^7.22.20",
                 "to-fast-properties": "^2.0.0"
             },
             "engines": {
@@ -2357,12 +2358,11 @@
             }
         },
         "node_modules/@electron/asar": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.4.tgz",
-            "integrity": "sha512-lykfY3TJRRWFeTxccEKdf1I6BLl2Plw81H0bbp4Fc5iEc67foDCa5pjJQULVgo0wF+Dli75f3xVcdb/67FFZ/g==",
+            "version": "3.2.8",
+            "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.8.tgz",
+            "integrity": "sha512-cmskk5M06ewHMZAplSiF4AlME3IrnnZhKnWbtwKVLRkdJkKyUVjMLhDIiPIx/+6zQWVlKX/LtmK9xDme7540Sg==",
             "dev": true,
             "dependencies": {
-                "chromium-pickle-js": "^0.2.0",
                 "commander": "^5.0.0",
                 "glob": "^7.1.6",
                 "minimatch": "^3.0.4"
@@ -2405,13 +2405,14 @@
             }
         },
         "node_modules/@electron/notarize": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-1.2.4.tgz",
-            "integrity": "sha512-W5GQhJEosFNafewnS28d3bpQ37/s91CDWqxVchHfmv2dQSTWpOzNlUVQwYzC1ay5bChRV/A9BTL68yj0Pa+TSg==",
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-2.1.0.tgz",
+            "integrity": "sha512-Q02xem1D0sg4v437xHgmBLxI2iz/fc0D4K7fiVWHa/AnW8o7D751xyKNXgziA6HrTOme9ul1JfWN5ark8WH1xA==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.1.1",
-                "fs-extra": "^9.0.1"
+                "fs-extra": "^9.0.1",
+                "promise-retry": "^2.0.1"
             },
             "engines": {
                 "node": ">= 10.0.0"
@@ -2445,18 +2446,18 @@
             }
         },
         "node_modules/@electron/notarize/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
             }
         },
         "node_modules/@electron/osx-sign": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.0.4.tgz",
-            "integrity": "sha512-xfhdEcIOfAZg7scZ9RQPya1G1lWo8/zMCwUXAulq0SfY7ONIW+b9qGyKdMyuMctNYwllrIS+vmxfijSfjeh97g==",
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.0.5.tgz",
+            "integrity": "sha512-k9ZzUQtamSoweGQDV2jILiRIHUu7lYlJ3c6IEmjv1hC17rclE+eb9U+f6UFlOOETo0JzY1HNlXy4YOlCvl+Lww==",
             "dev": true,
             "dependencies": {
                 "compare-version": "^0.1.2",
@@ -2513,9 +2514,9 @@
             }
         },
         "node_modules/@electron/osx-sign/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -2906,9 +2907,9 @@
             }
         },
         "node_modules/@electron/universal": {
-            "version": "1.3.4",
-            "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-1.3.4.tgz",
-            "integrity": "sha512-BdhBgm2ZBnYyYRLRgOjM5VHkyFItsbggJ0MHycOjKWdFGYwK97ZFXH54dTvUWEfha81vfvwr5On6XBjt99uDcg==",
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-1.4.1.tgz",
+            "integrity": "sha512-lE/U3UNw1YHuowNbTmKNs9UlS3En3cPgwM5MI+agIgr/B1hSze9NdOP0qn7boZaI9Lph8IDv3/24g9IxnJP7aQ==",
             "dev": true,
             "dependencies": {
                 "@electron/asar": "^3.2.1",
@@ -2951,9 +2952,9 @@
             }
         },
         "node_modules/@electron/universal/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -3735,9 +3736,9 @@
             }
         },
         "node_modules/@malept/flatpak-bundler/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -3860,9 +3861,9 @@
             }
         },
         "node_modules/@mdn/browser-compat-data": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.3.5.tgz",
-            "integrity": "sha512-aGZ/OZCv96fEvUNuOoHbWN9ySODB1Xf04+TFgK3QO/PaM1NI95INaf0YUBLUbbK9lMKWqUzyJk2TPLe3ybFFXg==",
+            "version": "5.5.10",
+            "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.5.10.tgz",
+            "integrity": "sha512-s2GGND9oLhEuksOFtICYOBZdMWPANBXTMqAXh89q6g1Mi3+OuWEmp9WFzw2v/nmS175vqeewpC1kDJA7taaxyA==",
             "dev": true
         },
         "node_modules/@nicolo-ribaudo/chokidar-2": {
@@ -4778,9 +4779,9 @@
             }
         },
         "node_modules/@types/debug": {
-            "version": "4.1.8",
-            "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
-            "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+            "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
             "dev": true,
             "dependencies": {
                 "@types/ms": "*"
@@ -4979,9 +4980,9 @@
             "dev": true
         },
         "node_modules/@types/ms": {
-            "version": "0.7.31",
-            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
-            "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==",
+            "version": "0.7.34",
+            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz",
+            "integrity": "sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==",
             "dev": true
         },
         "node_modules/@types/node": {
@@ -5002,9 +5003,9 @@
             "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
         },
         "node_modules/@types/plist": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.2.tgz",
-            "integrity": "sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==",
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.5.tgz",
+            "integrity": "sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==",
             "dev": true,
             "optional": true,
             "dependencies": {
@@ -5195,9 +5196,9 @@
             }
         },
         "node_modules/@types/verror": {
-            "version": "1.10.6",
-            "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.6.tgz",
-            "integrity": "sha512-NNm+gdePAX1VGvPcGZCDKQZKYSiAWigKhKaz5KF94hG6f2s8de9Ow5+7AbXoeKxL8gavZfk4UquSAygOF2duEQ==",
+            "version": "1.10.9",
+            "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.9.tgz",
+            "integrity": "sha512-MLx9Z+9lGzwEuW16ubGeNkpBDE84RpB/NyGgg6z2BTpWzKkGU451cAY3UkUzZEp72RHF585oJ3V8JVNqIplcAQ==",
             "dev": true,
             "optional": true
         },
@@ -5613,6 +5614,38 @@
                 }
             }
         },
+        "node_modules/@xhayper/discord-rpc": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmjs.org/@xhayper/discord-rpc/-/discord-rpc-1.0.24.tgz",
+            "integrity": "sha512-gzC8OaOSz7cGALSHyyq6nANQvBfyfntbSq+Qh+cNanoKX8ybOj+jWKmDP6PbLVDWoBftTU3JYsWXrLml2df2Hw==",
+            "dependencies": {
+                "axios": "^1.5.1",
+                "ws": "^8.14.2"
+            },
+            "engines": {
+                "node": ">=14.18.0"
+            }
+        },
+        "node_modules/@xhayper/discord-rpc/node_modules/ws": {
+            "version": "8.14.2",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+            "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@xmldom/xmldom": {
             "version": "0.8.10",
             "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
@@ -5635,9 +5668,9 @@
             "dev": true
         },
         "node_modules/7zip-bin": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.1.1.tgz",
-            "integrity": "sha512-sAP4LldeWNz0lNzmTird3uWfFDWWTeg6V/MsmyyLR9X1idwKBWIgt/ZvinqQldJm3LecKEs1emkbquO6PCiLVQ==",
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.2.0.tgz",
+            "integrity": "sha512-ukTPVhqG4jNzMro2qA9HSCSSVJN3aN7tlb+hfqYCt3ER0yWroeA2VR38MNrOHLQ/cVj+DaIMad0kFCtWWowh/A==",
             "dev": true
         },
         "node_modules/abab": {
@@ -5918,26 +5951,26 @@
             "dev": true
         },
         "node_modules/app-builder-lib": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.6.3.tgz",
-            "integrity": "sha512-++0Zp7vcCHfXMBGVj7luFxpqvMPk5mcWeTuw7OK0xNAaNtYQTTN0d9YfWRsb1MvviTOOhyHeULWz1CaixrdrDg==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.9.0.tgz",
+            "integrity": "sha512-eqxC5QZQoZzwqBkd9Rd0O3T/VaSOmgW9pgNc+tXrEktpQ56cEFt4s1AaQjGrLSajamXerVj6bZM5yZFp+CCyqA==",
             "dev": true,
             "dependencies": {
                 "@develar/schema-utils": "~2.6.5",
-                "@electron/notarize": "^1.2.3",
-                "@electron/osx-sign": "^1.0.4",
-                "@electron/universal": "1.3.4",
+                "@electron/notarize": "2.1.0",
+                "@electron/osx-sign": "1.0.5",
+                "@electron/universal": "1.4.1",
                 "@malept/flatpak-bundler": "^0.4.0",
                 "@types/fs-extra": "9.0.13",
-                "7zip-bin": "~5.1.1",
+                "7zip-bin": "~5.2.0",
                 "async-exit-hook": "^2.0.1",
                 "bluebird-lst": "^1.0.9",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chromium-pickle-js": "^0.2.0",
                 "debug": "^4.3.4",
                 "ejs": "^3.1.8",
-                "electron-publish": "24.5.0",
+                "electron-publish": "24.8.1",
                 "form-data": "^4.0.0",
                 "fs-extra": "^10.1.0",
                 "hosted-git-info": "^4.1.0",
@@ -5966,9 +5999,9 @@
             }
         },
         "node_modules/app-builder-lib/node_modules/builder-util-runtime": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-            "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+            "version": "9.2.3",
+            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+            "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
@@ -6017,9 +6050,9 @@
             }
         },
         "node_modules/app-builder-lib/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -6234,9 +6267,9 @@
             }
         },
         "node_modules/async": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-            "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+            "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+            "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==",
             "dev": true
         },
         "node_modules/async-exit-hook": {
@@ -6292,9 +6325,9 @@
             }
         },
         "node_modules/axios": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-            "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
+            "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
             "dependencies": {
                 "follow-redirects": "^1.15.0",
                 "form-data": "^4.0.0",
@@ -6842,16 +6875,16 @@
             "dev": true
         },
         "node_modules/builder-util": {
-            "version": "24.5.0",
-            "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.5.0.tgz",
-            "integrity": "sha512-STnBmZN/M5vGcv01u/K8l+H+kplTaq4PAIn3yeuufUKSpcdro0DhJWxPI81k5XcNfC//bjM3+n9nr8F9uV4uAQ==",
+            "version": "24.8.1",
+            "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.8.1.tgz",
+            "integrity": "sha512-ibmQ4BnnqCnJTNrdmdNlnhF48kfqhNzSeqFMXHLIl+o9/yhn6QfOaVrloZ9YUu3m0k3rexvlT5wcki6LWpjTZw==",
             "dev": true,
             "dependencies": {
                 "@types/debug": "^4.1.6",
-                "7zip-bin": "~5.1.1",
+                "7zip-bin": "~5.2.0",
                 "app-builder-bin": "4.0.0",
                 "bluebird-lst": "^1.0.9",
-                "builder-util-runtime": "9.2.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
                 "cross-spawn": "^7.0.3",
                 "debug": "^4.3.4",
@@ -6878,9 +6911,9 @@
             }
         },
         "node_modules/builder-util/node_modules/builder-util-runtime": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-            "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+            "version": "9.2.3",
+            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+            "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
@@ -6917,9 +6950,9 @@
             }
         },
         "node_modules/builder-util/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -7064,9 +7097,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001517",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
-            "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
+            "version": "1.0.30001585",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz",
+            "integrity": "sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -8596,14 +8629,14 @@
             }
         },
         "node_modules/dmg-builder": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.6.3.tgz",
-            "integrity": "sha512-O7KNT7OKqtV54fMYUpdlyTOCP5DoPuRMLqMTgxxV2PO8Hj/so6zOl5o8GTs8pdDkeAhJzCFOUNB3BDhgXbUbJg==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.9.0.tgz",
+            "integrity": "sha512-0fQdxPtYQYyjj2BScYGhjG6KHp7kcL4+5+X1Kug3zD7IIS7ROv2PV2H3HgGSh9NtUYeY9FLLPKSfggrzj5ZC4Q==",
             "dev": true,
             "dependencies": {
-                "app-builder-lib": "24.6.3",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "app-builder-lib": "24.9.0",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "fs-extra": "^10.1.0",
                 "iconv-lite": "^0.6.2",
                 "js-yaml": "^4.1.0"
@@ -8613,9 +8646,9 @@
             }
         },
         "node_modules/dmg-builder/node_modules/builder-util-runtime": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-            "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+            "version": "9.2.3",
+            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+            "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
@@ -8652,9 +8685,9 @@
             }
         },
         "node_modules/dmg-builder/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -8887,9 +8920,9 @@
             }
         },
         "node_modules/electron": {
-            "version": "25.8.1",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.8.1.tgz",
-            "integrity": "sha512-GtcP1nMrROZfFg0+mhyj1hamrHvukfF6of2B/pcWxmWkd5FVY1NJib0tlhiorFZRzQN5Z+APLPr7aMolt7i2AQ==",
+            "version": "27.1.0",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-27.1.0.tgz",
+            "integrity": "sha512-XPdJiO475QJ8cx59/goWNNWnlV0vab+Ut3occymos7VDxkHV5mFrlW6tcGi+M3bW6gBfwpJocWMng8tw542vww==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
@@ -8905,16 +8938,16 @@
             }
         },
         "node_modules/electron-builder": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.6.3.tgz",
-            "integrity": "sha512-O6PqhRXwfxCNTXI4BlhELSeYYO6/tqlxRuy+4+xKBokQvwDDjDgZMMoSgAmanVSCuzjE7MZldI9XYrKFk+EQDw==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.9.0.tgz",
+            "integrity": "sha512-jA+jYCZlwYzeJEkb82eZNbdMVTUIh99+JQL3yCZjeV3J1N+pdpDrS0P8wZX8vOGpR310TU0tqgjpkxVgE+38tg==",
             "dev": true,
             "dependencies": {
-                "app-builder-lib": "24.6.3",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "app-builder-lib": "24.9.0",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
-                "dmg-builder": "24.6.3",
+                "dmg-builder": "24.9.0",
                 "fs-extra": "^10.1.0",
                 "is-ci": "^3.0.0",
                 "lazy-val": "^1.0.5",
@@ -8931,9 +8964,9 @@
             }
         },
         "node_modules/electron-builder/node_modules/builder-util-runtime": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-            "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+            "version": "9.2.3",
+            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+            "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
@@ -9065,9 +9098,12 @@
             }
         },
         "node_modules/electron-log": {
-            "version": "4.4.6",
-            "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-4.4.6.tgz",
-            "integrity": "sha512-nirYgRdY+F+vclr8ijdwy2vW03IzFpDHTaKNWu76dEN21Y76+smcES5knS7cgHUUB0qNLOi8vZO36taakjbSXA=="
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-5.1.1.tgz",
+            "integrity": "sha512-If7HU4Slbh2xfjOXOLxifkbgu6HmWDNJyXPLW+XNTOHMfFKisg0trA3d/7syyu25S+lHosfsd0VMfDSjGn1+Pw==",
+            "engines": {
+                "node": ">= 14"
+            }
         },
         "node_modules/electron-notarize": {
             "version": "1.2.1",
@@ -9120,14 +9156,14 @@
             }
         },
         "node_modules/electron-publish": {
-            "version": "24.5.0",
-            "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.5.0.tgz",
-            "integrity": "sha512-zwo70suH15L15B4ZWNDoEg27HIYoPsGJUF7xevLJLSI7JUPC8l2yLBdLGwqueJ5XkDL7ucYyRZzxJVR8ElV9BA==",
+            "version": "24.8.1",
+            "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.8.1.tgz",
+            "integrity": "sha512-IFNXkdxMVzUdweoLJNXSupXkqnvgbrn3J4vognuOY06LaS/m0xvfFYIf+o1CM8if6DuWYWoQFKPcWZt/FUjZPw==",
             "dev": true,
             "dependencies": {
                 "@types/fs-extra": "^9.0.11",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
                 "fs-extra": "^10.1.0",
                 "lazy-val": "^1.0.5",
@@ -9135,9 +9171,9 @@
             }
         },
         "node_modules/electron-publish/node_modules/builder-util-runtime": {
-            "version": "9.2.1",
-            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-            "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+            "version": "9.2.3",
+            "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+            "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
             "dev": true,
             "dependencies": {
                 "debug": "^4.3.4",
@@ -9174,9 +9210,9 @@
             }
         },
         "node_modules/electron-publish/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -9916,19 +9952,18 @@
             }
         },
         "node_modules/eslint-plugin-compat": {
-            "version": "4.1.4",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-4.1.4.tgz",
-            "integrity": "sha512-RxySWBmzfIROLFKgeJBJue2BU/6vM2KJWXWAUq+oW4QtrsZXRxbjgxmO1OfF3sHcRuuIenTS/wgo3GyUWZF24w==",
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-4.2.0.tgz",
+            "integrity": "sha512-RDKSYD0maWy5r7zb5cWQS+uSPc26mgOzdORJ8hxILmWM7S/Ncwky7BcAtXVY5iRbKjBdHsWU8Yg7hfoZjtkv7w==",
             "dev": true,
             "dependencies": {
-                "@mdn/browser-compat-data": "^5.2.47",
-                "@tsconfig/node14": "^1.0.3",
+                "@mdn/browser-compat-data": "^5.3.13",
                 "ast-metadata-inferer": "^0.8.0",
-                "browserslist": "^4.21.5",
-                "caniuse-lite": "^1.0.30001473",
+                "browserslist": "^4.21.10",
+                "caniuse-lite": "^1.0.30001524",
                 "find-up": "^5.0.0",
-                "lodash.memoize": "4.1.2",
-                "semver": "7.3.8"
+                "lodash.memoize": "^4.1.2",
+                "semver": "^7.5.4"
             },
             "engines": {
                 "node": ">=14.x"
@@ -11023,9 +11058,9 @@
             }
         },
         "node_modules/follow-redirects": {
-            "version": "1.15.2",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-            "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
             "funding": [
                 {
                     "type": "individual",
@@ -11838,7 +11873,8 @@
         "node_modules/html-escaper": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg=="
+            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+            "dev": true
         },
         "node_modules/html-minifier-terser": {
             "version": "6.1.0",
@@ -12096,9 +12132,9 @@
             }
         },
         "node_modules/i18next": {
-            "version": "21.6.16",
-            "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.6.16.tgz",
-            "integrity": "sha512-xJlzrVxG9CyAGsbMP1aKuiNr1Ed2m36KiTB7hjGMG2Zo4idfw3p9THUEu+GjBwIgEZ7F11ZbCzJcfv4uyfKNuw==",
+            "version": "21.10.0",
+            "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.10.0.tgz",
+            "integrity": "sha512-YeuIBmFsGjUfO3qBmMOc0rQaun4mIpGKET5WDwvu8lU7gvwpcariZLNtL0Fzj+zazcHUrlXHiptcFhBMFaxzfg==",
             "funding": [
                 {
                     "type": "individual",
@@ -12519,9 +12555,9 @@
             }
         },
         "node_modules/ip": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
-            "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
+            "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==",
             "dev": true
         },
         "node_modules/ipaddr.js": {
@@ -15049,9 +15085,9 @@
             }
         },
         "node_modules/nanoid": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
             "funding": [
                 {
                     "type": "github",
@@ -15108,9 +15144,9 @@
             }
         },
         "node_modules/node-abi": {
-            "version": "3.45.0",
-            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.45.0.tgz",
-            "integrity": "sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==",
+            "version": "3.51.0",
+            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+            "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
             "dev": true,
             "dependencies": {
                 "semver": "^7.3.5"
@@ -15936,9 +15972,9 @@
             }
         },
         "node_modules/postcss": {
-            "version": "8.4.27",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
-            "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+            "version": "8.4.33",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+            "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -15954,7 +15990,7 @@
                 }
             ],
             "dependencies": {
-                "nanoid": "^3.3.6",
+                "nanoid": "^3.3.7",
                 "picocolors": "^1.0.0",
                 "source-map-js": "^1.0.2"
             },
@@ -16935,12 +16971,11 @@
             "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
         },
         "node_modules/react-i18next": {
-            "version": "11.16.7",
-            "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.16.7.tgz",
-            "integrity": "sha512-7yotILJLnKfvUfrl/nt9eK9vFpVFjZPLWAwBzWL6XppSZZEvlmlKk0GBGDCAPfLfs8oND7WAbry8wGzdoiW5Nw==",
+            "version": "11.18.6",
+            "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.18.6.tgz",
+            "integrity": "sha512-yHb2F9BiT0lqoQDt8loZ5gWP331GwctHz9tYQ8A2EIEUu+CcEdjBLQWli1USG3RdWQt3W+jqQLg/d4rrQR96LA==",
             "dependencies": {
                 "@babel/runtime": "^7.14.5",
-                "html-escaper": "^2.0.2",
                 "html-parse-stringify": "^3.0.1"
             },
             "peerDependencies": {
@@ -17919,9 +17954,9 @@
             }
         },
         "node_modules/semver": {
-            "version": "7.3.8",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+            "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
             "dependencies": {
                 "lru-cache": "^6.0.0"
             },
@@ -18218,21 +18253,6 @@
                 "node": ">=10"
             }
         },
-        "node_modules/simple-update-notifier/node_modules/semver": {
-            "version": "7.5.4",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-            "dev": true,
-            "dependencies": {
-                "lru-cache": "^6.0.0"
-            },
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
         "node_modules/sirv": {
             "version": "1.0.19",
             "resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.19.tgz",
@@ -19406,9 +19426,9 @@
             }
         },
         "node_modules/temp-file/node_modules/universalify": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-            "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+            "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
             "dev": true,
             "engines": {
                 "node": ">= 10.0.0"
@@ -19946,9 +19966,9 @@
             }
         },
         "node_modules/tslib": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-            "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+            "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
         },
         "node_modules/tsutils": {
             "version": "3.21.0",
@@ -21354,9 +21374,9 @@
             }
         },
         "node_modules/zod": {
-            "version": "3.21.4",
-            "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
-            "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
+            "version": "3.22.3",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.3.tgz",
+            "integrity": "sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==",
             "funding": {
                 "url": "https://github.com/sponsors/colinhacks"
             }
@@ -21477,11 +21497,11 @@
             }
         },
         "@babel/code-frame": {
-            "version": "7.22.13",
-            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-            "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+            "version": "7.23.5",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+            "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
             "requires": {
-                "@babel/highlight": "^7.22.13",
+                "@babel/highlight": "^7.23.4",
                 "chalk": "^2.4.2"
             },
             "dependencies": {
@@ -21571,11 +21591,11 @@
             }
         },
         "@babel/generator": {
-            "version": "7.22.15",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.15.tgz",
-            "integrity": "sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==",
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+            "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
             "requires": {
-                "@babel/types": "^7.22.15",
+                "@babel/types": "^7.23.6",
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "@jridgewell/trace-mapping": "^0.3.17",
                 "jsesc": "^2.5.1"
@@ -21682,17 +21702,17 @@
             }
         },
         "@babel/helper-environment-visitor": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
-            "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q=="
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+            "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA=="
         },
         "@babel/helper-function-name": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
-            "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+            "version": "7.23.0",
+            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+            "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
             "requires": {
-                "@babel/template": "^7.22.5",
-                "@babel/types": "^7.22.5"
+                "@babel/template": "^7.22.15",
+                "@babel/types": "^7.23.0"
             }
         },
         "@babel/helper-hoist-variables": {
@@ -21789,14 +21809,14 @@
             }
         },
         "@babel/helper-string-parser": {
-            "version": "7.22.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-            "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw=="
+            "version": "7.23.4",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+            "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ=="
         },
         "@babel/helper-validator-identifier": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.19.tgz",
-            "integrity": "sha512-Tinq7ybnEPFFXhlYOYFiSjespWQk0dq2dRNAiMdRTOYQzEGqnnNyrTxPYHP5r6wGjlF1rFgABdDV0g8EwD6Qbg=="
+            "version": "7.22.20",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+            "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A=="
         },
         "@babel/helper-validator-option": {
             "version": "7.22.15",
@@ -21824,11 +21844,11 @@
             }
         },
         "@babel/highlight": {
-            "version": "7.22.13",
-            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz",
-            "integrity": "sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==",
+            "version": "7.23.4",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+            "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
             "requires": {
-                "@babel/helper-validator-identifier": "^7.22.5",
+                "@babel/helper-validator-identifier": "^7.22.20",
                 "chalk": "^2.4.2",
                 "js-tokens": "^4.0.0"
             },
@@ -21885,9 +21905,9 @@
             }
         },
         "@babel/parser": {
-            "version": "7.22.16",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
-            "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA=="
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+            "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ=="
         },
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
             "version": "7.22.15",
@@ -22756,19 +22776,19 @@
             }
         },
         "@babel/traverse": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.19.tgz",
-            "integrity": "sha512-ZCcpVPK64krfdScRbpxF6xA5fz7IOsfMwx1tcACvCzt6JY+0aHkBk7eIU8FRDSZRU5Zei6Z4JfgAxN1bqXGECg==",
-            "requires": {
-                "@babel/code-frame": "^7.22.13",
-                "@babel/generator": "^7.22.15",
-                "@babel/helper-environment-visitor": "^7.22.5",
-                "@babel/helper-function-name": "^7.22.5",
+            "version": "7.23.7",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+            "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
+            "requires": {
+                "@babel/code-frame": "^7.23.5",
+                "@babel/generator": "^7.23.6",
+                "@babel/helper-environment-visitor": "^7.22.20",
+                "@babel/helper-function-name": "^7.23.0",
                 "@babel/helper-hoist-variables": "^7.22.5",
                 "@babel/helper-split-export-declaration": "^7.22.6",
-                "@babel/parser": "^7.22.16",
-                "@babel/types": "^7.22.19",
-                "debug": "^4.1.0",
+                "@babel/parser": "^7.23.6",
+                "@babel/types": "^7.23.6",
+                "debug": "^4.3.1",
                 "globals": "^11.1.0"
             },
             "dependencies": {
@@ -22780,12 +22800,12 @@
             }
         },
         "@babel/types": {
-            "version": "7.22.19",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.19.tgz",
-            "integrity": "sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==",
+            "version": "7.23.6",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+            "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
             "requires": {
-                "@babel/helper-string-parser": "^7.22.5",
-                "@babel/helper-validator-identifier": "^7.22.19",
+                "@babel/helper-string-parser": "^7.23.4",
+                "@babel/helper-validator-identifier": "^7.22.20",
                 "to-fast-properties": "^2.0.0"
             }
         },
@@ -22854,12 +22874,11 @@
             "dev": true
         },
         "@electron/asar": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.4.tgz",
-            "integrity": "sha512-lykfY3TJRRWFeTxccEKdf1I6BLl2Plw81H0bbp4Fc5iEc67foDCa5pjJQULVgo0wF+Dli75f3xVcdb/67FFZ/g==",
+            "version": "3.2.8",
+            "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.8.tgz",
+            "integrity": "sha512-cmskk5M06ewHMZAplSiF4AlME3IrnnZhKnWbtwKVLRkdJkKyUVjMLhDIiPIx/+6zQWVlKX/LtmK9xDme7540Sg==",
             "dev": true,
             "requires": {
-                "chromium-pickle-js": "^0.2.0",
                 "commander": "^5.0.0",
                 "glob": "^7.1.6",
                 "minimatch": "^3.0.4"
@@ -22890,13 +22909,14 @@
             }
         },
         "@electron/notarize": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-1.2.4.tgz",
-            "integrity": "sha512-W5GQhJEosFNafewnS28d3bpQ37/s91CDWqxVchHfmv2dQSTWpOzNlUVQwYzC1ay5bChRV/A9BTL68yj0Pa+TSg==",
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/@electron/notarize/-/notarize-2.1.0.tgz",
+            "integrity": "sha512-Q02xem1D0sg4v437xHgmBLxI2iz/fc0D4K7fiVWHa/AnW8o7D751xyKNXgziA6HrTOme9ul1JfWN5ark8WH1xA==",
             "dev": true,
             "requires": {
                 "debug": "^4.1.1",
-                "fs-extra": "^9.0.1"
+                "fs-extra": "^9.0.1",
+                "promise-retry": "^2.0.1"
             },
             "dependencies": {
                 "fs-extra": {
@@ -22922,17 +22942,17 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
         },
         "@electron/osx-sign": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.0.4.tgz",
-            "integrity": "sha512-xfhdEcIOfAZg7scZ9RQPya1G1lWo8/zMCwUXAulq0SfY7ONIW+b9qGyKdMyuMctNYwllrIS+vmxfijSfjeh97g==",
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.0.5.tgz",
+            "integrity": "sha512-k9ZzUQtamSoweGQDV2jILiRIHUu7lYlJ3c6IEmjv1hC17rclE+eb9U+f6UFlOOETo0JzY1HNlXy4YOlCvl+Lww==",
             "dev": true,
             "requires": {
                 "compare-version": "^0.1.2",
@@ -22971,9 +22991,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -23268,9 +23288,9 @@
             }
         },
         "@electron/universal": {
-            "version": "1.3.4",
-            "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-1.3.4.tgz",
-            "integrity": "sha512-BdhBgm2ZBnYyYRLRgOjM5VHkyFItsbggJ0MHycOjKWdFGYwK97ZFXH54dTvUWEfha81vfvwr5On6XBjt99uDcg==",
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-1.4.1.tgz",
+            "integrity": "sha512-lE/U3UNw1YHuowNbTmKNs9UlS3En3cPgwM5MI+agIgr/B1hSze9NdOP0qn7boZaI9Lph8IDv3/24g9IxnJP7aQ==",
             "dev": true,
             "requires": {
                 "@electron/asar": "^3.2.1",
@@ -23305,9 +23325,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -23934,9 +23954,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -24022,9 +24042,9 @@
             "requires": {}
         },
         "@mdn/browser-compat-data": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.3.5.tgz",
-            "integrity": "sha512-aGZ/OZCv96fEvUNuOoHbWN9ySODB1Xf04+TFgK3QO/PaM1NI95INaf0YUBLUbbK9lMKWqUzyJk2TPLe3ybFFXg==",
+            "version": "5.5.10",
+            "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.5.10.tgz",
+            "integrity": "sha512-s2GGND9oLhEuksOFtICYOBZdMWPANBXTMqAXh89q6g1Mi3+OuWEmp9WFzw2v/nmS175vqeewpC1kDJA7taaxyA==",
             "dev": true
         },
         "@nicolo-ribaudo/chokidar-2": {
@@ -24701,9 +24721,9 @@
             }
         },
         "@types/debug": {
-            "version": "4.1.8",
-            "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
-            "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
+            "version": "4.1.12",
+            "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+            "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
             "dev": true,
             "requires": {
                 "@types/ms": "*"
@@ -24902,9 +24922,9 @@
             "dev": true
         },
         "@types/ms": {
-            "version": "0.7.31",
-            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
-            "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==",
+            "version": "0.7.34",
+            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz",
+            "integrity": "sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==",
             "dev": true
         },
         "@types/node": {
@@ -24925,9 +24945,9 @@
             "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
         },
         "@types/plist": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.2.tgz",
-            "integrity": "sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==",
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.5.tgz",
+            "integrity": "sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==",
             "dev": true,
             "optional": true,
             "requires": {
@@ -25117,9 +25137,9 @@
             }
         },
         "@types/verror": {
-            "version": "1.10.6",
-            "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.6.tgz",
-            "integrity": "sha512-NNm+gdePAX1VGvPcGZCDKQZKYSiAWigKhKaz5KF94hG6f2s8de9Ow5+7AbXoeKxL8gavZfk4UquSAygOF2duEQ==",
+            "version": "1.10.9",
+            "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.9.tgz",
+            "integrity": "sha512-MLx9Z+9lGzwEuW16ubGeNkpBDE84RpB/NyGgg6z2BTpWzKkGU451cAY3UkUzZEp72RHF585oJ3V8JVNqIplcAQ==",
             "dev": true,
             "optional": true
         },
@@ -25433,6 +25453,23 @@
             "dev": true,
             "requires": {}
         },
+        "@xhayper/discord-rpc": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmjs.org/@xhayper/discord-rpc/-/discord-rpc-1.0.24.tgz",
+            "integrity": "sha512-gzC8OaOSz7cGALSHyyq6nANQvBfyfntbSq+Qh+cNanoKX8ybOj+jWKmDP6PbLVDWoBftTU3JYsWXrLml2df2Hw==",
+            "requires": {
+                "axios": "^1.5.1",
+                "ws": "^8.14.2"
+            },
+            "dependencies": {
+                "ws": {
+                    "version": "8.14.2",
+                    "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+                    "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+                    "requires": {}
+                }
+            }
+        },
         "@xmldom/xmldom": {
             "version": "0.8.10",
             "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
@@ -25452,9 +25489,9 @@
             "dev": true
         },
         "7zip-bin": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.1.1.tgz",
-            "integrity": "sha512-sAP4LldeWNz0lNzmTird3uWfFDWWTeg6V/MsmyyLR9X1idwKBWIgt/ZvinqQldJm3LecKEs1emkbquO6PCiLVQ==",
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-5.2.0.tgz",
+            "integrity": "sha512-ukTPVhqG4jNzMro2qA9HSCSSVJN3aN7tlb+hfqYCt3ER0yWroeA2VR38MNrOHLQ/cVj+DaIMad0kFCtWWowh/A==",
             "dev": true
         },
         "abab": {
@@ -25659,26 +25696,26 @@
             "dev": true
         },
         "app-builder-lib": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.6.3.tgz",
-            "integrity": "sha512-++0Zp7vcCHfXMBGVj7luFxpqvMPk5mcWeTuw7OK0xNAaNtYQTTN0d9YfWRsb1MvviTOOhyHeULWz1CaixrdrDg==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/app-builder-lib/-/app-builder-lib-24.9.0.tgz",
+            "integrity": "sha512-eqxC5QZQoZzwqBkd9Rd0O3T/VaSOmgW9pgNc+tXrEktpQ56cEFt4s1AaQjGrLSajamXerVj6bZM5yZFp+CCyqA==",
             "dev": true,
             "requires": {
                 "@develar/schema-utils": "~2.6.5",
-                "@electron/notarize": "^1.2.3",
-                "@electron/osx-sign": "^1.0.4",
-                "@electron/universal": "1.3.4",
+                "@electron/notarize": "2.1.0",
+                "@electron/osx-sign": "1.0.5",
+                "@electron/universal": "1.4.1",
                 "@malept/flatpak-bundler": "^0.4.0",
                 "@types/fs-extra": "9.0.13",
-                "7zip-bin": "~5.1.1",
+                "7zip-bin": "~5.2.0",
                 "async-exit-hook": "^2.0.1",
                 "bluebird-lst": "^1.0.9",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chromium-pickle-js": "^0.2.0",
                 "debug": "^4.3.4",
                 "ejs": "^3.1.8",
-                "electron-publish": "24.5.0",
+                "electron-publish": "24.8.1",
                 "form-data": "^4.0.0",
                 "fs-extra": "^10.1.0",
                 "hosted-git-info": "^4.1.0",
@@ -25704,9 +25741,9 @@
                     }
                 },
                 "builder-util-runtime": {
-                    "version": "9.2.1",
-                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-                    "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+                    "version": "9.2.3",
+                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+                    "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
                     "dev": true,
                     "requires": {
                         "debug": "^4.3.4",
@@ -25744,9 +25781,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -25911,9 +25948,9 @@
             "dev": true
         },
         "async": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-            "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+            "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+            "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==",
             "dev": true
         },
         "async-exit-hook": {
@@ -25951,9 +25988,9 @@
             "dev": true
         },
         "axios": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-            "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
+            "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
             "requires": {
                 "follow-redirects": "^1.15.0",
                 "form-data": "^4.0.0",
@@ -26374,16 +26411,16 @@
             "dev": true
         },
         "builder-util": {
-            "version": "24.5.0",
-            "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.5.0.tgz",
-            "integrity": "sha512-STnBmZN/M5vGcv01u/K8l+H+kplTaq4PAIn3yeuufUKSpcdro0DhJWxPI81k5XcNfC//bjM3+n9nr8F9uV4uAQ==",
+            "version": "24.8.1",
+            "resolved": "https://registry.npmjs.org/builder-util/-/builder-util-24.8.1.tgz",
+            "integrity": "sha512-ibmQ4BnnqCnJTNrdmdNlnhF48kfqhNzSeqFMXHLIl+o9/yhn6QfOaVrloZ9YUu3m0k3rexvlT5wcki6LWpjTZw==",
             "dev": true,
             "requires": {
                 "@types/debug": "^4.1.6",
-                "7zip-bin": "~5.1.1",
+                "7zip-bin": "~5.2.0",
                 "app-builder-bin": "4.0.0",
                 "bluebird-lst": "^1.0.9",
-                "builder-util-runtime": "9.2.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
                 "cross-spawn": "^7.0.3",
                 "debug": "^4.3.4",
@@ -26398,9 +26435,9 @@
             },
             "dependencies": {
                 "builder-util-runtime": {
-                    "version": "9.2.1",
-                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-                    "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+                    "version": "9.2.3",
+                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+                    "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
                     "dev": true,
                     "requires": {
                         "debug": "^4.3.4",
@@ -26429,9 +26466,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -26547,9 +26584,9 @@
             }
         },
         "caniuse-lite": {
-            "version": "1.0.30001517",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
-            "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA=="
+            "version": "1.0.30001585",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz",
+            "integrity": "sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q=="
         },
         "chalk": {
             "version": "4.1.2",
@@ -27674,14 +27711,14 @@
             }
         },
         "dmg-builder": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.6.3.tgz",
-            "integrity": "sha512-O7KNT7OKqtV54fMYUpdlyTOCP5DoPuRMLqMTgxxV2PO8Hj/so6zOl5o8GTs8pdDkeAhJzCFOUNB3BDhgXbUbJg==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.9.0.tgz",
+            "integrity": "sha512-0fQdxPtYQYyjj2BScYGhjG6KHp7kcL4+5+X1Kug3zD7IIS7ROv2PV2H3HgGSh9NtUYeY9FLLPKSfggrzj5ZC4Q==",
             "dev": true,
             "requires": {
-                "app-builder-lib": "24.6.3",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "app-builder-lib": "24.9.0",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "dmg-license": "^1.0.11",
                 "fs-extra": "^10.1.0",
                 "iconv-lite": "^0.6.2",
@@ -27689,9 +27726,9 @@
             },
             "dependencies": {
                 "builder-util-runtime": {
-                    "version": "9.2.1",
-                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-                    "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+                    "version": "9.2.3",
+                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+                    "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
                     "dev": true,
                     "requires": {
                         "debug": "^4.3.4",
@@ -27720,9 +27757,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -27908,9 +27945,9 @@
             }
         },
         "electron": {
-            "version": "25.8.1",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.8.1.tgz",
-            "integrity": "sha512-GtcP1nMrROZfFg0+mhyj1hamrHvukfF6of2B/pcWxmWkd5FVY1NJib0tlhiorFZRzQN5Z+APLPr7aMolt7i2AQ==",
+            "version": "27.1.0",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-27.1.0.tgz",
+            "integrity": "sha512-XPdJiO475QJ8cx59/goWNNWnlV0vab+Ut3occymos7VDxkHV5mFrlW6tcGi+M3bW6gBfwpJocWMng8tw542vww==",
             "dev": true,
             "requires": {
                 "@electron/get": "^2.0.0",
@@ -27927,16 +27964,16 @@
             }
         },
         "electron-builder": {
-            "version": "24.6.3",
-            "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.6.3.tgz",
-            "integrity": "sha512-O6PqhRXwfxCNTXI4BlhELSeYYO6/tqlxRuy+4+xKBokQvwDDjDgZMMoSgAmanVSCuzjE7MZldI9XYrKFk+EQDw==",
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/electron-builder/-/electron-builder-24.9.0.tgz",
+            "integrity": "sha512-jA+jYCZlwYzeJEkb82eZNbdMVTUIh99+JQL3yCZjeV3J1N+pdpDrS0P8wZX8vOGpR310TU0tqgjpkxVgE+38tg==",
             "dev": true,
             "requires": {
-                "app-builder-lib": "24.6.3",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "app-builder-lib": "24.9.0",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
-                "dmg-builder": "24.6.3",
+                "dmg-builder": "24.9.0",
                 "fs-extra": "^10.1.0",
                 "is-ci": "^3.0.0",
                 "lazy-val": "^1.0.5",
@@ -27946,9 +27983,9 @@
             },
             "dependencies": {
                 "builder-util-runtime": {
-                    "version": "9.2.1",
-                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-                    "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+                    "version": "9.2.3",
+                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+                    "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
                     "dev": true,
                     "requires": {
                         "debug": "^4.3.4",
@@ -28059,9 +28096,9 @@
             }
         },
         "electron-log": {
-            "version": "4.4.6",
-            "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-4.4.6.tgz",
-            "integrity": "sha512-nirYgRdY+F+vclr8ijdwy2vW03IzFpDHTaKNWu76dEN21Y76+smcES5knS7cgHUUB0qNLOi8vZO36taakjbSXA=="
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-5.1.1.tgz",
+            "integrity": "sha512-If7HU4Slbh2xfjOXOLxifkbgu6HmWDNJyXPLW+XNTOHMfFKisg0trA3d/7syyu25S+lHosfsd0VMfDSjGn1+Pw=="
         },
         "electron-notarize": {
             "version": "1.2.1",
@@ -28104,14 +28141,14 @@
             }
         },
         "electron-publish": {
-            "version": "24.5.0",
-            "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.5.0.tgz",
-            "integrity": "sha512-zwo70suH15L15B4ZWNDoEg27HIYoPsGJUF7xevLJLSI7JUPC8l2yLBdLGwqueJ5XkDL7ucYyRZzxJVR8ElV9BA==",
+            "version": "24.8.1",
+            "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-24.8.1.tgz",
+            "integrity": "sha512-IFNXkdxMVzUdweoLJNXSupXkqnvgbrn3J4vognuOY06LaS/m0xvfFYIf+o1CM8if6DuWYWoQFKPcWZt/FUjZPw==",
             "dev": true,
             "requires": {
                 "@types/fs-extra": "^9.0.11",
-                "builder-util": "24.5.0",
-                "builder-util-runtime": "9.2.1",
+                "builder-util": "24.8.1",
+                "builder-util-runtime": "9.2.3",
                 "chalk": "^4.1.2",
                 "fs-extra": "^10.1.0",
                 "lazy-val": "^1.0.5",
@@ -28119,9 +28156,9 @@
             },
             "dependencies": {
                 "builder-util-runtime": {
-                    "version": "9.2.1",
-                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.1.tgz",
-                    "integrity": "sha512-2rLv/uQD2x+dJ0J3xtsmI12AlRyk7p45TEbE/6o/fbb633e/S3pPgm+ct+JHsoY7r39dKHnGEFk/AASRFdnXmA==",
+                    "version": "9.2.3",
+                    "resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz",
+                    "integrity": "sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==",
                     "dev": true,
                     "requires": {
                         "debug": "^4.3.4",
@@ -28150,9 +28187,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -28730,19 +28767,18 @@
             }
         },
         "eslint-plugin-compat": {
-            "version": "4.1.4",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-4.1.4.tgz",
-            "integrity": "sha512-RxySWBmzfIROLFKgeJBJue2BU/6vM2KJWXWAUq+oW4QtrsZXRxbjgxmO1OfF3sHcRuuIenTS/wgo3GyUWZF24w==",
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-compat/-/eslint-plugin-compat-4.2.0.tgz",
+            "integrity": "sha512-RDKSYD0maWy5r7zb5cWQS+uSPc26mgOzdORJ8hxILmWM7S/Ncwky7BcAtXVY5iRbKjBdHsWU8Yg7hfoZjtkv7w==",
             "dev": true,
             "requires": {
-                "@mdn/browser-compat-data": "^5.2.47",
-                "@tsconfig/node14": "^1.0.3",
+                "@mdn/browser-compat-data": "^5.3.13",
                 "ast-metadata-inferer": "^0.8.0",
-                "browserslist": "^4.21.5",
-                "caniuse-lite": "^1.0.30001473",
+                "browserslist": "^4.21.10",
+                "caniuse-lite": "^1.0.30001524",
                 "find-up": "^5.0.0",
-                "lodash.memoize": "4.1.2",
-                "semver": "7.3.8"
+                "lodash.memoize": "^4.1.2",
+                "semver": "^7.5.4"
             },
             "dependencies": {
                 "ast-metadata-inferer": {
@@ -29539,9 +29575,9 @@
             }
         },
         "follow-redirects": {
-            "version": "1.15.2",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-            "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
         },
         "form-data": {
             "version": "4.0.0",
@@ -30183,7 +30219,8 @@
         "html-escaper": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg=="
+            "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+            "dev": true
         },
         "html-minifier-terser": {
             "version": "6.1.0",
@@ -30369,9 +30406,9 @@
             "dev": true
         },
         "i18next": {
-            "version": "21.6.16",
-            "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.6.16.tgz",
-            "integrity": "sha512-xJlzrVxG9CyAGsbMP1aKuiNr1Ed2m36KiTB7hjGMG2Zo4idfw3p9THUEu+GjBwIgEZ7F11ZbCzJcfv4uyfKNuw==",
+            "version": "21.10.0",
+            "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.10.0.tgz",
+            "integrity": "sha512-YeuIBmFsGjUfO3qBmMOc0rQaun4mIpGKET5WDwvu8lU7gvwpcariZLNtL0Fzj+zazcHUrlXHiptcFhBMFaxzfg==",
             "requires": {
                 "@babel/runtime": "^7.17.2"
             }
@@ -30667,9 +30704,9 @@
             }
         },
         "ip": {
-            "version": "1.1.5",
-            "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
-            "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
+            "integrity": "sha512-cyRxvOEpNHNtchU3Ln9KC/auJgup87llfQpQ+t5ghoC/UhL16SWzbueiCsdTnWmqAWl7LadfuwhlqmtOaqMHdQ==",
             "dev": true
         },
         "ipaddr.js": {
@@ -32552,9 +32589,9 @@
             }
         },
         "nanoid": {
-            "version": "3.3.6",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-            "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
         },
         "natural-compare": {
             "version": "1.4.0",
@@ -32596,9 +32633,9 @@
             }
         },
         "node-abi": {
-            "version": "3.45.0",
-            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.45.0.tgz",
-            "integrity": "sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==",
+            "version": "3.51.0",
+            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz",
+            "integrity": "sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==",
             "dev": true,
             "requires": {
                 "semver": "^7.3.5"
@@ -33222,11 +33259,11 @@
             }
         },
         "postcss": {
-            "version": "8.4.27",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
-            "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+            "version": "8.4.33",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+            "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
             "requires": {
-                "nanoid": "^3.3.6",
+                "nanoid": "^3.3.7",
                 "picocolors": "^1.0.0",
                 "source-map-js": "^1.0.2"
             }
@@ -33902,12 +33939,11 @@
             "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
         },
         "react-i18next": {
-            "version": "11.16.7",
-            "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.16.7.tgz",
-            "integrity": "sha512-7yotILJLnKfvUfrl/nt9eK9vFpVFjZPLWAwBzWL6XppSZZEvlmlKk0GBGDCAPfLfs8oND7WAbry8wGzdoiW5Nw==",
+            "version": "11.18.6",
+            "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-11.18.6.tgz",
+            "integrity": "sha512-yHb2F9BiT0lqoQDt8loZ5gWP331GwctHz9tYQ8A2EIEUu+CcEdjBLQWli1USG3RdWQt3W+jqQLg/d4rrQR96LA==",
             "requires": {
                 "@babel/runtime": "^7.14.5",
-                "html-escaper": "^2.0.2",
                 "html-parse-stringify": "^3.0.1"
             }
         },
@@ -34600,9 +34636,9 @@
             }
         },
         "semver": {
-            "version": "7.3.8",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+            "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
             "requires": {
                 "lru-cache": "^6.0.0"
             }
@@ -34845,17 +34881,6 @@
             "dev": true,
             "requires": {
                 "semver": "^7.5.3"
-            },
-            "dependencies": {
-                "semver": {
-                    "version": "7.5.4",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-                    "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-                    "dev": true,
-                    "requires": {
-                        "lru-cache": "^6.0.0"
-                    }
-                }
             }
         },
         "sirv": {
@@ -35771,9 +35796,9 @@
                     }
                 },
                 "universalify": {
-                    "version": "2.0.0",
-                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+                    "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
                     "dev": true
                 }
             }
@@ -36170,9 +36195,9 @@
             }
         },
         "tslib": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-            "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+            "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
         },
         "tsutils": {
             "version": "3.21.0",
@@ -37205,9 +37230,9 @@
             "dev": true
         },
         "zod": {
-            "version": "3.21.4",
-            "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
-            "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw=="
+            "version": "3.22.3",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.3.tgz",
+            "integrity": "sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug=="
         },
         "zustand": {
             "version": "4.3.9",
diff --git a/package.json b/package.json
index 890af11fd..93e71ab16 100644
--- a/package.json
+++ b/package.json
@@ -2,14 +2,14 @@
     "name": "feishin",
     "productName": "Feishin",
     "description": "Feishin music server",
-    "version": "0.4.1",
+    "version": "0.5.3",
     "scripts": {
         "build": "concurrently \"npm run build:main\" \"npm run build:renderer\" \"npm run build:remote\"",
         "build:main": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.main.prod.ts",
         "build:remote": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.remote.prod.ts",
         "build:renderer": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.prod.ts",
         "build:web": "cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.web.prod.ts",
-        "build:docker": "npm run build:web && docker build -t jeffvli/feishin .",
+        "build:docker": "docker build -t jeffvli/feishin .",
         "rebuild": "electron-rebuild --parallel --types prod,dev,optional --module-dir release/app",
         "lint": "concurrently \"npm run lint:code\" \"npm run lint:styles\"",
         "lint:code": "cross-env NODE_ENV=development eslint . --ext .js,.jsx,.ts,.tsx --fix",
@@ -26,7 +26,7 @@
         "start:web": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack serve --config ./.erb/configs/webpack.config.renderer.web.ts",
         "test": "jest",
         "prepare": "husky install",
-        "i18next": "i18next -c src/renderer/i18n/i18next-parser.config.js",
+        "i18next": "i18next -c src/i18n/i18next-parser.config.js",
         "prod:buildserver": "pwsh -c \"./scripts/server-build.ps1\"",
         "prod:publishserver": "pwsh -c \"./scripts/server-publish.ps1\""
     },
@@ -56,7 +56,7 @@
             "package.json"
         ],
         "afterSign": ".erb/scripts/notarize.js",
-        "electronVersion": "25.8.1",
+        "electronVersion": "27.1.0",
         "mac": {
             "target": {
                 "target": "default",
@@ -93,13 +93,46 @@
             ],
             "icon": "assets/icons/icon.ico"
         },
+        "deb": {
+            "depends": [
+                "libgssapi_krb5.so.2",
+                "libavahi-common.so.3",
+                "libavahi-client.so.3",
+                "libkrb5.so.3",
+                "libkrb5support.so.0",
+                "libkeyutils.so.1",
+                "libcups.so.2"
+            ]
+        },
+        "rpm": {
+            "depends": [
+                "libgssapi_krb5.so.2",
+                "libavahi-common.so.3",
+                "libavahi-client.so.3",
+                "libkrb5.so.3",
+                "libkrb5support.so.0",
+                "libkeyutils.so.1",
+                "libcups.so.2"
+            ]
+        },
+        "freebsd": {
+            "depends": [
+                "libgssapi_krb5.so.2",
+                "libavahi-common.so.3",
+                "libavahi-client.so.3",
+                "libkrb5.so.3",
+                "libkrb5support.so.0",
+                "libkeyutils.so.1",
+                "libcups.so.2"
+            ]
+        },
         "linux": {
             "target": [
                 "AppImage",
                 "tar.xz"
             ],
             "icon": "assets/icons/icon.png",
-            "category": "Development"
+            "category": "AudioVideo;Audio;Player"
         },
         "directories": {
             "app": "release/app",
@@ -197,8 +230,8 @@
         "css-loader": "^6.7.1",
         "css-minimizer-webpack-plugin": "^3.4.1",
         "detect-port": "^1.3.0",
-        "electron": "^25.8.1",
-        "electron-builder": "^24.6.3",
+        "electron": "^27.1.0",
+        "electron-builder": "^24.9.0",
         "electron-devtools-installer": "^3.2.0",
         "electron-notarize": "^1.2.1",
         "electronmon": "^2.0.2",
@@ -207,7 +240,7 @@
         "eslint-config-erb": "^4.0.3",
         "eslint-import-resolver-typescript": "^2.7.1",
         "eslint-import-resolver-webpack": "^0.13.2",
-        "eslint-plugin-compat": "^4.0.2",
+        "eslint-plugin-compat": "^4.2.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jest": "^26.1.3",
         "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -219,7 +252,7 @@
         "file-loader": "^6.2.0",
         "html-webpack-plugin": "^5.5.0",
         "husky": "^7.0.4",
-        "i18next-parser": "^6.3.0",
+        "i18next-parser": "^6.6.0",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^27.5.1",
         "lint-staged": "^12.3.7",
@@ -273,13 +306,14 @@
         "@tanstack/react-query-devtools": "^4.32.1",
         "@tanstack/react-query-persist-client": "^4.32.1",
         "@ts-rest/core": "^3.23.0",
-        "axios": "^1.4.0",
+        "@xhayper/discord-rpc": "^1.0.24",
+        "axios": "^1.6.0",
         "clsx": "^2.0.0",
         "cmdk": "^0.2.0",
         "dayjs": "^1.11.6",
         "electron-debug": "^3.2.0",
         "electron-localshortcut": "^3.2.1",
-        "electron-log": "^4.4.6",
+        "electron-log": "^5.1.1",
         "electron-store": "^8.1.0",
         "electron-updater": "^4.6.5",
         "fast-average-color": "^9.3.0",
@@ -287,7 +321,7 @@
         "framer-motion": "^10.13.0",
         "fuse.js": "^6.6.2",
         "history": "^5.3.0",
-        "i18next": "^21.6.16",
+        "i18next": "^21.10.0",
         "idb-keyval": "^6.2.1",
         "immer": "^9.0.21",
         "is-electron": "^2.2.2",
@@ -302,7 +336,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^3.1.4",
-        "react-i18next": "^11.16.7",
+        "react-i18next": "^11.18.6",
         "react-icons": "^4.10.1",
         "react-player": "^2.11.0",
         "react-router": "^6.16.0",
@@ -313,7 +347,7 @@
         "react-window-infinite-loader": "^1.0.9",
         "styled-components": "^6.0.8",
         "swiper": "^9.3.1",
-        "zod": "^3.21.4",
+        "zod": "^3.22.3",
         "zustand": "^4.3.9"
     },
     "resolutions": {
diff --git a/release/app/package-lock.json b/release/app/package-lock.json
index c0c67d4e1..11e7b9ad9 100644
--- a/release/app/package-lock.json
+++ b/release/app/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "feishin",
-    "version": "0.4.1",
+    "version": "0.5.3",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "feishin",
-            "version": "0.4.1",
+            "version": "0.5.3",
             "hasInstallScript": true,
             "license": "GPL-3.0",
             "dependencies": {
@@ -15,7 +15,7 @@
                 "ws": "^8.13.0"
             },
             "devDependencies": {
-                "electron": "25.3.0"
+                "electron": "25.8.4"
             }
         },
         "node_modules/@electron/get": {
@@ -453,9 +453,9 @@
             "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
         },
         "node_modules/electron": {
-            "version": "25.3.0",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.0.tgz",
-            "integrity": "sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA==",
+            "version": "25.8.4",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-25.8.4.tgz",
+            "integrity": "sha512-hUYS3RGdaa6E1UWnzeGnsdsBYOggwMMg4WGxNGvAoWtmRrr6J1BsjFW/yRq4WsJHJce2HdzQXtz4OGXV6yUCLg==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
@@ -647,9 +647,9 @@
             }
         },
         "node_modules/global-agent/node_modules/semver": {
-            "version": "7.3.8",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+            "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
             "dev": true,
             "optional": true,
             "dependencies": {
@@ -1166,9 +1166,9 @@
             "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
         },
         "node_modules/semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true,
             "bin": {
                 "semver": "bin/semver.js"
@@ -1672,9 +1672,9 @@
             "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
         },
         "electron": {
-            "version": "25.3.0",
-            "resolved": "https://registry.npmjs.org/electron/-/electron-25.3.0.tgz",
-            "integrity": "sha512-cyqotxN+AroP5h2IxUsJsmehYwP5LrFAOO7O7k9tILME3Sa1/POAg3shrhx4XEnaAMyMqMLxzGvkzCVxzEErnA==",
+            "version": "25.8.4",
+            "resolved": "https://registry.npmjs.org/electron/-/electron-25.8.4.tgz",
+            "integrity": "sha512-hUYS3RGdaa6E1UWnzeGnsdsBYOggwMMg4WGxNGvAoWtmRrr6J1BsjFW/yRq4WsJHJce2HdzQXtz4OGXV6yUCLg==",
             "dev": true,
             "requires": {
                 "@electron/get": "^2.0.0",
@@ -1818,9 +1818,9 @@
             },
             "dependencies": {
                 "semver": {
-                    "version": "7.3.8",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
-                    "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+                    "version": "7.6.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+                    "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
                     "dev": true,
                     "optional": true,
                     "requires": {
@@ -2198,9 +2198,9 @@
             "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
         },
         "semver": {
-            "version": "6.3.0",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
             "dev": true
         },
         "semver-compare": {
diff --git a/release/app/package.json b/release/app/package.json
index 0ceba24c2..14c28c461 100644
--- a/release/app/package.json
+++ b/release/app/package.json
@@ -1,6 +1,6 @@
 {
     "name": "feishin",
-    "version": "0.4.1",
+    "version": "0.5.3",
     "description": "",
     "main": "./dist/main/main.js",
     "author": {
@@ -18,7 +18,7 @@
         "ws": "^8.13.0"
     },
     "devDependencies": {
-        "electron": "25.3.0"
+        "electron": "25.8.4"
     },
     "license": "GPL-3.0"
 }
diff --git a/settings.js.template b/settings.js.template
new file mode 100644
index 000000000..782f0d7e8
--- /dev/null
+++ b/settings.js.template
@@ -0,0 +1 @@
+"use strict";window.SERVER_URL="${SERVER_URL}";window.SERVER_NAME="${SERVER_NAME}";window.SERVER_TYPE="${SERVER_TYPE}";window.SERVER_LOCK=${SERVER_LOCK};
diff --git a/src/i18n/i18n.js b/src/i18n/i18n.js
deleted file mode 100644
index 1683c700b..000000000
--- a/src/i18n/i18n.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-const en = require('./locales/en.json');
-
-const resources = {
-  en: { translation: en },
-};
-
-export const Languages = [
-  {
-    label: 'English',
-    value: 'en',
-  },
-];
-
-i18n
-  .use(initReactI18next) // passes i18n down to react-i18next
-  .init({
-    fallbackLng: 'en',
-    // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
-    // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
-    // if you're using a language detector, do not define the lng option
-    interpolation: {
-      escapeValue: false, // react already safes from xss
-    },
-
-    lng: 'en',
-
-    resources,
-  });
-
-export default i18n;
diff --git a/src/i18n/i18n.ts b/src/i18n/i18n.ts
new file mode 100644
index 000000000..60d4a24ab
--- /dev/null
+++ b/src/i18n/i18n.ts
@@ -0,0 +1,161 @@
+import { PostProcessorModule, TOptions, StringMap } from 'i18next';
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import en from './locales/en.json';
+import es from './locales/es.json';
+import fr from './locales/fr.json';
+import ja from './locales/ja.json';
+import pl from './locales/pl.json';
+import zhHans from './locales/zh-Hans.json';
+import de from './locales/de.json';
+import it from './locales/it.json';
+import ru from './locales/ru.json';
+import ptBr from './locales/pt-BR.json';
+import sr from './locales/sr.json';
+import sv from './locales/sv.json';
+import cs from './locales/cs.json';
+import nbNO from './locales/nb-NO.json';
+import nl from './locales/nl.json';
+
+const resources = {
+    en: { translation: en },
+    es: { translation: es },
+    de: { translation: de },
+    it: { translation: it },
+    ru: { translation: ru },
+    'pt-BR': { translation: ptBr },
+    fr: { translation: fr },
+    ja: { translation: ja },
+    pl: { translation: pl },
+    'zh-Hans': { translation: zhHans },
+    sr: { translation: sr },
+    sv: { translation: sv },
+    cs: { translation: cs },
+    nl: { translation: nl },
+    'nb-NO': { translation: nbNO },
+};
+
+export const languages = [
+    {
+        label: 'English',
+        value: 'en',
+    },
+    {
+        label: 'Čeština',
+        value: 'cs',
+    },
+    {
+        label: 'Español',
+        value: 'es',
+    },
+    {
+        label: 'Deutsch',
+        value: 'de',
+    },
+    {
+        label: 'Français',
+        value: 'fr',
+    },
+    {
+        label: 'Italiano',
+        value: 'it',
+    },
+    {
+        label: '日本語',
+        value: 'ja',
+    },
+    {
+        label: 'Nederlands',
+        value: 'nl',
+    },
+    {
+        label: 'Norsk (Bokmål)',
+        value: 'nb-NO',
+    },
+
+    {
+        label: 'Português (Brasil)',
+        value: 'pt-BR',
+    },
+    {
+        label: 'Polski',
+        value: 'pl',
+    },
+    {
+        label: 'Русский',
+        value: 'ru',
+    },
+    {
+        label: 'Srpski',
+        value: 'sr',
+    },
+    {
+        label: 'Svenska',
+        value: 'sv',
+    },
+    {
+        label: '简体中文',
+        value: 'zh-Hans',
+    },
+];
+
+const lowerCasePostProcessor: PostProcessorModule = {
+    type: 'postProcessor',
+    name: 'lowerCase',
+    process: (value: string) => {
+        return value.toLocaleLowerCase();
+    },
+};
+
+const upperCasePostProcessor: PostProcessorModule = {
+    type: 'postProcessor',
+    name: 'upperCase',
+    process: (value: string) => {
+        return value.toLocaleUpperCase();
+    },
+};
+
+const titleCasePostProcessor: PostProcessorModule = {
+    type: 'postProcessor',
+    name: 'titleCase',
+    process: (value: string) => {
+        return value.replace(/\S\S*/g, (txt) => {
+            return txt.charAt(0).toLocaleUpperCase() + txt.slice(1).toLowerCase();
+        });
+    },
+};
+
+const ignoreSentenceCaseLanguages = ['de']
+
+const sentenceCasePostProcessor: PostProcessorModule = {
+    type: 'postProcessor',
+    name: 'sentenceCase',
+    process: (value: string, _key: string, _options: TOptions<StringMap>, translator: any) => {
+        const sentences = value.split('. ');
+
+        return sentences
+            .map((sentence) => {
+                return (
+                    sentence.charAt(0).toLocaleUpperCase() + (!ignoreSentenceCaseLanguages.includes(translator.language) ? sentence.slice(1).toLocaleLowerCase() : sentence.slice(1))
+                );
+            })
+            .join('. ');
+    },
+};
+i18n.use(lowerCasePostProcessor)
+    .use(upperCasePostProcessor)
+    .use(titleCasePostProcessor)
+    .use(sentenceCasePostProcessor)
+    .use(initReactI18next) // passes i18n down to react-i18next
+    .init({
+        fallbackLng: 'en',
+        // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
+        // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
+        // if you're using a language detector, do not define the lng option
+        interpolation: {
+            escapeValue: false, // react already safes from xss
+        },
+        resources,
+    });
+
+export default i18n;
diff --git a/src/i18n/i18next-parser.config.js b/src/i18n/i18next-parser.config.js
index d3d12e0ed..22071636c 100644
--- a/src/i18n/i18next-parser.config.js
+++ b/src/i18n/i18next-parser.config.js
@@ -1,117 +1,44 @@
-// i18next-parser.config.js
+// Reference: https://github.com/i18next/i18next-parser#options
 
 module.exports = {
-  contextSeparator: '_',
-  // Key separator used in your translation keys
-
-  createOldCatalogs: true,
-
-  // Exit with an exit code of 1 when translations are updated (for CI purpose)
-  customValueTemplate: null,
-
-  // Save the \_old files
-  defaultNamespace: 'translation',
-
-  // Default namespace used in your i18next config
-  defaultValue: '',
-
-  // Exit with an exit code of 1 on warnings
-  failOnUpdate: false,
-
-  // Display info about the parsing including some stats
-  failOnWarnings: false,
-
-  // The locale to compare with default values to determine whether a default value has been changed.
-  // If this is set and a default value differs from a translation in the specified locale, all entries
-  // for that key across locales are reset to the default value, and existing translations are moved to
-  // the `_old` file.
-  i18nextOptions: null,
-
-  // Default value to give to empty keys
-  // You may also specify a function accepting the locale, namespace, and key as arguments
-  indentation: 2,
-
-  // Plural separator used in your translation keys
-  // If you want to use plain english keys, separators such as `_` might conflict. You might want to set `pluralSeparator` to a different string that does not occur in your keys.
-  input: [
-    '../components/**/*.{js,jsx,ts,tsx}',
-    '../features/**/*.{js,jsx,ts,tsx}',
-    '../layouts/**/*.{js,jsx,ts,tsx}',
-    '!../../src/node_modules/**',
-    '!../../src/**/*.prod.js',
-  ],
-
-  // Indentation of the catalog files
-  keepRemoved: false,
-
-  // Keep keys from the catalog that are no longer in code
-  keySeparator: '.',
-
-  // Key separator used in your translation keys
-  // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
-  // see below for more details
-  lexers: {
-    default: ['JavascriptLexer'],
-    handlebars: ['HandlebarsLexer'],
-
-    hbs: ['HandlebarsLexer'],
-    htm: ['HTMLLexer'],
-
-    html: ['HTMLLexer'],
-    js: ['JavascriptLexer'],
-    jsx: ['JsxLexer'],
-
-    mjs: ['JavascriptLexer'],
-    // if you're writing jsx inside .js files, change this to JsxLexer
-    ts: ['JavascriptLexer'],
-
-    tsx: ['JsxLexer'],
-  },
-
-  lineEnding: 'auto',
-
-  // Control the line ending. See options at https://github.com/ryanve/eol
-  locales: ['en'],
-
-  // An array of the locales in your applications
-  namespaceSeparator: false,
-
-  // Namespace separator used in your translation keys
-  // If you want to use plain english keys, separators such as `.` and `:` will conflict. You might want to set `keySeparator: false` and `namespaceSeparator: false`. That way, `t('Status: Loading...')` will not think that there are a namespace and three separator dots for instance.
-  output: 'src/renderer/i18n/locales/$LOCALE.json',
-
-  // Supports $LOCALE and $NAMESPACE injection
-  // Supports JSON (.json) and YAML (.yml) file formats
-  // Where to write the locale files relative to process.cwd()
-  pluralSeparator: '_',
-
-  // If you wish to customize the value output the value as an object, you can set your own format.
-  // ${defaultValue} is the default value you set in your translation function.
-  // Any other custom property will be automatically extracted.
-  //
-  // Example:
-  // {
-  //   message: "${defaultValue}",
-  //   description: "${maxLength}", //
-  // }
-  resetDefaultValueLocale: 'en',
-
-  // Whether or not to sort the catalog. Can also be a [compareFunction](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#parameters)
-  skipDefaultValues: false,
-
-  // An array of globs that describe where to look for source files
-  // relative to the location of the configuration file
-  sort: true,
-
-  // Whether to ignore default values
-  // You may also specify a function accepting the locale and namespace as arguments
-  useKeysAsDefaultValue: true,
-
-  // Whether to use the keys as the default value; ex. "Hello": "Hello", "World": "World"
-  // This option takes precedence over the `defaultValue` and `skipDefaultValues` options
-  // You may also specify a function accepting the locale and namespace as arguments
-  verbose: false,
-  // If you wish to customize options in internally used i18next instance, you can define an object with any
-  // configuration property supported by i18next (https://www.i18next.com/overview/configuration-options).
-  // { compatibilityJSON: 'v3' } can be used to generate v3 compatible plurals.
+    contextSeparator: '_',
+    createOldCatalogs: true,
+    customValueTemplate: null,
+    defaultNamespace: 'translation',
+    defaultValue: '',
+    failOnUpdate: false,
+    failOnWarnings: false,
+    i18nextOptions: null,
+    indentation: 4,
+    input: [
+        '../renderer/components/**/*.{js,jsx,ts,tsx}',
+        '../renderer/features/**/*.{js,jsx,ts,tsx}',
+        '../renderer/layouts/**/*.{js,jsx,ts,tsx}',
+        '!../src/node_modules/**',
+        '!../src/**/*.prod.js',
+    ],
+    keepRemoved: false,
+    keySeparator: '.',
+    lexers: {
+        default: ['JavascriptLexer'],
+        handlebars: ['HandlebarsLexer'],
+        hbs: ['HandlebarsLexer'],
+        htm: ['HTMLLexer'],
+        html: ['HTMLLexer'],
+        js: ['JavascriptLexer'],
+        jsx: ['JsxLexer'],
+        mjs: ['JavascriptLexer'],
+        ts: ['JavascriptLexer'],
+        tsx: ['JsxLexer'],
+    },
+    lineEnding: 'auto',
+    locales: ['en'],
+    namespaceSeparator: false,
+    output: 'src/renderer/i18n/locales/$LOCALE.json',
+    pluralSeparator: '_',
+    resetDefaultValueLocale: 'en',
+    skipDefaultValues: false,
+    sort: true,
+    useKeysAsDefaultValue: true,
+    verbose: false,
 };
diff --git a/src/i18n/locales/cs.json b/src/i18n/locales/cs.json
new file mode 100644
index 000000000..0ee357e6a
--- /dev/null
+++ b/src/i18n/locales/cs.json
@@ -0,0 +1,632 @@
+{
+    "player": {
+        "repeat_all": "opakovat vše",
+        "stop": "zastavit",
+        "repeat": "opakovat",
+        "queue_remove": "odebrat vybrané",
+        "playRandom": "přehrát náhodné",
+        "skip": "přeskočit",
+        "previous": "předchozí",
+        "toggleFullscreenPlayer": "přepnout celoobrazovkový přehrávač",
+        "skip_back": "přeskočit dozadu",
+        "favorite": "oblíbené",
+        "next": "další",
+        "shuffle": "náhodně",
+        "playbackFetchNoResults": "nenalezeny žádné skladby",
+        "playbackFetchInProgress": "načítání skladeb…",
+        "addNext": "přidat další",
+        "playbackSpeed": "rychlost přehrávání",
+        "playbackFetchCancel": "chvíli to trvá… zavřete oznámení pro zrušení akce",
+        "play": "přehrát",
+        "repeat_off": "opakování zakázáno",
+        "pause": "pozastavit",
+        "queue_clear": "vymazat frontu",
+        "muted": "ztlumeno",
+        "unfavorite": "odebrat z oblíbených",
+        "queue_moveToTop": "přesunout vybrané dolů",
+        "queue_moveToBottom": "přesunout vybrané nahoru",
+        "shuffle_off": "náhodně zakázáno",
+        "addLast": "přidat poslední",
+        "mute": "ztlumit",
+        "skip_forward": "přeskočit dopředu"
+    },
+    "setting": {
+        "crossfadeStyle_description": "vyberte způsob prolnutí u přehrávače zvuku",
+        "remotePort_description": "nastavení portu pro server vzdáleného ovládání",
+        "hotkey_skipBackward": "přeskočení zpět",
+        "replayGainMode_description": "úprava zesílení hlasitosti podle hodnot {{ReplayGain}} uložených v metadatech souborů",
+        "volumeWheelStep_description": "počet procent, o které má být hlasitost posunuta při přejetí kolečkem myši na posuvníku hlasitosti",
+        "audioDevice_description": "vyberte zvukové zařízení k přehrávání (pouze webový přehrávač)",
+        "theme_description": "nastavení motivu použitého v aplikaci",
+        "hotkey_playbackPause": "pozastavení",
+        "replayGainFallback": "fallback {{ReplayGain}}",
+        "sidebarCollapsedNavigation_description": "zobrazit nebo skrýt navigaci ve sbaleném postranním panelu",
+        "mpvExecutablePath_help": "jedna na řádek",
+        "hotkey_volumeUp": "zvýšení hlasitosti",
+        "skipDuration": "doba k přeskočení",
+        "discordIdleStatus_description": "při povolení bude upraven stav když je přehrávač nečinný",
+        "showSkipButtons": "zobrazit tlačítka k přeskočení",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "minimální doba pro scrobblování (v procentech)",
+        "lyricFetch": "načtení textů z internetu",
+        "scrobble": "scrobblování",
+        "skipDuration_description": "nastavení doby k přeskočení při použití tlačítek k přeskočení na liště přehrávače",
+        "enableRemote_description": "povolí vzdálený ovládací server pro umožnění ostatním zařízením ovládat aplikaci",
+        "fontType_optionSystem": "systémové písmo",
+        "mpvExecutablePath_description": "nastavení cesty ke spustitelnému souboru mpv",
+        "replayGainClipping_description": "Zabránění clippingu způsobenému funkcí {{ReplayGain}} automatickým snížením zesílení",
+        "replayGainPreamp": "před-zesílení {{ReplayGain}} (dB)",
+        "hotkey_favoriteCurrentSong": "oblíbit $t(common.currentSong)",
+        "sampleRate": "vzorkovací frekvence",
+        "crossfadeStyle": "způsob prolnutí",
+        "sidePlayQueueStyle_optionAttached": "připojené",
+        "sidebarConfiguration": "nastavení postranního panelu",
+        "sampleRate_description": "vyberte výstupní vzorkovací frekvenci k použití, když je vybraná vzorkovací frekvence jiná, než ta u aktuálního média",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainClipping": "clipping {{ReplayGain}}",
+        "hotkey_zoomIn": "přiblížení",
+        "scrobble_description": "scrobblovat přehrání na váš multimediální server",
+        "hotkey_browserForward": "vpřed v prohlížeči",
+        "audioExclusiveMode_description": "zapnout režim výhradního výstupu. V tomto režimu bude obvykle v systému schopný přehrávat zvuk pouze přehrávač mpv",
+        "discordUpdateInterval": "interval aktualizací {{discord}} rich presence",
+        "themeLight": "motiv (světlý)",
+        "fontType_optionBuiltIn": "vestavěné písmo",
+        "hotkey_playbackPlayPause": "přehrání / pozastavení",
+        "hotkey_rate1": "hodnocení 1 hvězdou",
+        "hotkey_skipForward": "přeskočení vpřed",
+        "disableLibraryUpdateOnStartup": "vypnout kontrolu nových verzí při spuštění",
+        "discordApplicationId_description": "id aplikace pro {{discord}} rich presence (výchozí je {{defaultId}})",
+        "sidePlayQueueStyle": "styl postranní fronty přehrávání",
+        "gaplessAudio": "zvuk bez mezer",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "zoom": "procento přiblížení",
+        "minimizeToTray_description": "minimalizovat aplikaci do systémové lišty",
+        "hotkey_playbackPlay": "přehrání",
+        "hotkey_togglePreviousSongFavorite": "přepnutí oblíbení u $t(common.previousSong)",
+        "hotkey_volumeDown": "snížení hlasitosti",
+        "hotkey_unfavoritePreviousSong": "zrušení oblíbení u $t(common.previousSong)",
+        "audioPlayer_description": "vyberte zvukový přehrávač pro použití k přehrávání",
+        "globalMediaHotkeys": "globální klávesové zkratky médií",
+        "hotkey_globalSearch": "globální vyhledávání",
+        "gaplessAudio_description": "nastavení přehrávače mpv pro přehrávání bez mezer",
+        "remoteUsername_description": "nastavení uživatelského jména pro server vzdáleného ovládání. pokud je jméno i heslo prázdné, bude autentifikace zakázána",
+        "disableAutomaticUpdates": "vypnout automatické aktualizace",
+        "exitToTray_description": "ukončit aplikaci do systémové lišty",
+        "followLyric_description": "přesouvat texty s aktuální pozicí přehrávání",
+        "hotkey_favoritePreviousSong": "oblíbit $t(common.previousSong)",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "odsazení textů (ms)",
+        "discordUpdateInterval_description": "čas v sekundách mezi každou aktualizací (minimálně 15 sekund)",
+        "fontType_optionCustom": "vlastní písmo",
+        "themeDark_description": "nastavit použití tmavého motivu v aplikaci",
+        "audioExclusiveMode": "režim výhradního výstupu",
+        "remotePassword": "heslo serveru pro vzdálené ovládání",
+        "lyricFetchProvider": "poskytovatelé textů",
+        "language_description": "nastavení jazyka aplikace ($t(common.restartRequired))",
+        "playbackStyle_optionCrossFade": "křížové prolnutí",
+        "hotkey_rate3": "hodnocení 3 hvězdami",
+        "font": "písmo",
+        "mpvExtraParameters": "parametry mpv",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "nastavit použití světlého motivu v aplikaci",
+        "hotkey_toggleFullScreenPlayer": "přepnutí přehrávače na celou obrazovku",
+        "hotkey_localSearch": "vyhledávání na stránce",
+        "hotkey_toggleQueue": "přepnutí fronty",
+        "zoom_description": "nastavte procento přiblížení aplikace",
+        "remotePassword_description": "nastavení hesla pro server vzdáleného ovládání. Tyto údaje jsou ve výchozím nastavení přenášeny nezabezpečeným spojením, takže doporučujeme použití unikátního hesla, na kterém vám nezáleží",
+        "hotkey_rate5": "hodnocení 5 hvězdami",
+        "hotkey_playbackPrevious": "předchozí skladba",
+        "showSkipButtons_description": "zobrazit nebo skrýt tlačítka k přeskočení na liště přehrávače",
+        "crossfadeDuration_description": "nastavte trvání efektu prolnutí",
+        "language": "jazyk",
+        "playbackStyle": "způsob přehrávání",
+        "hotkey_toggleShuffle": "přepnutí náhodného přehrávání",
+        "theme": "motiv",
+        "playbackStyle_description": "nastavení způsobu přehrávání pro přehrávač zvuku",
+        "discordRichPresence_description": "povolit stav přehrávání v {{discord}} rich presence. Klíče obrázků jsou: {{icon}}, {{playing}}, {{paused}} ",
+        "mpvExecutablePath": "cesta ke spustitelnému souboru mpv",
+        "audioDevice": "zvukové zařízení",
+        "hotkey_rate2": "hodnocení 2 hvězdami",
+        "playButtonBehavior_description": "nastavení výchozího chování tlačítka přehrávání při přidávání skladeb do fronty",
+        "minimumScrobblePercentage_description": "minimální procento skladby, které musí být přehráno před jejím scrobblováním",
+        "exitToTray": "ukončit do lišty",
+        "hotkey_rate4": "hodnocení 4 hvězdami",
+        "enableRemote": "povolit vzdálený ovládací server",
+        "showSkipButton_description": "zobrazit nebo skrýt tlačítka k přeskočení na liště přehrávače",
+        "savePlayQueue": "uložit frontu přehrávání",
+        "minimumScrobbleSeconds_description": "minimální doba v sekundách, která musí být přehrána před scrobblováním skladby",
+        "skipPlaylistPage_description": "při navigaci na playlist přejít na stránku seznamu skladeb v playlistu namísto výchozí stránky",
+        "fontType_description": "vestavěné písmo vybere jedno z písem poskytovaných programem Feishin. systémové písmo vám umožní vybrat si jakékoli písmo poskytované vaším operačním systémem. vlastní vám umožňuje použít vaše vlastní písmo",
+        "playButtonBehavior": "chování tlačítka přehrávání",
+        "volumeWheelStep": "krok kolečka hlasitosti",
+        "sidebarPlaylistList_description": "zobrazit nebo skrýt seznam playlistů v postranním panelu",
+        "accentColor": "barva",
+        "sidePlayQueueStyle_description": "nastavení stylu postranní fronty přehrávání",
+        "accentColor_description": "nastaví barvu aplikace",
+        "replayGainMode": "režim {{ReplayGain}}",
+        "playbackStyle_optionNormal": "normální",
+        "windowBarStyle": "styl záhlaví okna",
+        "floatingQueueArea": "zobrazit plovoucí oblast přejetí nad frontou",
+        "replayGainFallback_description": "zesílení v db k použití, když nemá soubor žádné značky {{ReplayGain}}",
+        "replayGainPreamp_description": "úprava předběžného zesílení použitého na hodnoty {{ReplayGain}}",
+        "hotkey_toggleRepeat": "přepnutí opakování",
+        "lyricOffset_description": "odsazení textů o určité množství milisekund",
+        "sidebarConfiguration_description": "vyberte položky a pořadí, ve kterém budou v postranním panelu",
+        "fontType": "typ písma",
+        "remotePort": "port serveru vzdáleného ovládání",
+        "applicationHotkeys": "aplikační zkratky",
+        "hotkey_playbackNext": "další skladba",
+        "useSystemTheme_description": "následovat systémovou předvolbu světlého nebo tmavého motivu",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "načtení textů z různých internetových zdrojů",
+        "lyricFetchProvider_description": "vyberte poskytovatele textů. pořadí poskytovatelů je pořadí, ve kterém budou načítány",
+        "globalMediaHotkeys_description": "zapnout nebo vypnout použití vašich systémových zkratek médií pro ovládání přehrávače",
+        "customFontPath": "vlastní cesta k písmům",
+        "followLyric": "zobrazit aktuální texty",
+        "crossfadeDuration": "trvání prolnutí",
+        "discordIdleStatus": "zobrazit stav nečinnosti v rich presence",
+        "sidePlayQueueStyle_optionDetached": "odpojené",
+        "audioPlayer": "zvukový přehrávač",
+        "hotkey_zoomOut": "oddálení",
+        "hotkey_unfavoriteCurrentSong": "zrušení oblíbení u $t(common.currentSong)",
+        "hotkey_rate0": "vymazání hodnocení",
+        "discordApplicationId": "aplikační id pro {{discord}}",
+        "applicationHotkeys_description": "nastavení klávesových zkratek aplikace. přepněte pole pro nastavení jako globální zkratku (pouze na počítači)",
+        "floatingQueueArea_description": "zobrazit ikonu přejetí myší na pravé straně obrazovky pro zobrazení fronty",
+        "hotkey_volumeMute": "ztlumení",
+        "hotkey_toggleCurrentSongFavorite": "přepnutí oblíbení u $t(common.currentSong)",
+        "remoteUsername": "uživatelské jméno serveru vzdáleného ovládání",
+        "hotkey_browserBack": "zpět v prohlížeči",
+        "showSkipButton": "zobrazit tlačítka k přeskočení",
+        "sidebarPlaylistList": "postranní seznam playlistů",
+        "minimizeToTray": "minimalizovat do lišty",
+        "skipPlaylistPage": "přeskočit stránku playlistu",
+        "themeDark": "motiv (tmavý)",
+        "sidebarCollapsedNavigation": "postranní (sbalená) navigace",
+        "customFontPath_description": "nastavení cesty k vlastnímu písmu k využití v aplikaci",
+        "gaplessAudio_optionWeak": "slabý (doporučeno)",
+        "minimumScrobbleSeconds": "minimální scrobblování (v sekundách)",
+        "hotkey_playbackStop": "zastavení",
+        "windowBarStyle_description": "vyberte styl záhlaví okna",
+        "discordRichPresence": "{{discord}} rich presence",
+        "font_description": "nastavení písma použitého v aplikaci",
+        "savePlayQueue_description": "uložit frontu přehrávání, když je aplikace zavřena a obnovit ji při otevření aplikace",
+        "useSystemTheme": "použít systémový motiv"
+    },
+    "action": {
+        "editPlaylist": "upravit $t(entity.playlist_one)",
+        "goToPage": "přejít na stránku",
+        "moveToTop": "přesunout nahoru",
+        "clearQueue": "vymazat frontu",
+        "addToFavorites": "přidat do $t(entity.favorite_other)",
+        "addToPlaylist": "přidat do $t(entity.playlist_one)",
+        "createPlaylist": "vytvořit $t(entity.playlist_one)",
+        "removeFromPlaylist": "odebrat z $t(entity.playlist_one)",
+        "viewPlaylists": "zobrazit $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "odstranit $t(entity.playlist_one)",
+        "removeFromQueue": "odebrat z fronty",
+        "deselectAll": "zrušit výběr všeho",
+        "moveToBottom": "přesunout dolů",
+        "setRating": "nastavit hodnocení",
+        "toggleSmartPlaylistEditor": "přepnout editor $t(entity.smartPlaylist)",
+        "removeFromFavorites": "odebrat z $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "zpátky",
+        "increase": "zvýčit",
+        "rating": "hodnocení",
+        "bpm": "bpm",
+        "refresh": "obnovit",
+        "unknown": "neznámý",
+        "areYouSure": "opravdu?",
+        "edit": "upravit",
+        "favorite": "oblíbený",
+        "left": "vlevo",
+        "save": "uložit",
+        "right": "vpravo",
+        "currentSong": "aktuální $t(entity.track_one)",
+        "collapse": "sbalit",
+        "trackNumber": "stopa",
+        "descending": "sestupně",
+        "add": "přidat",
+        "gap": "mezera",
+        "ascending": "vzestupně",
+        "dismiss": "zavřít",
+        "year": "rok",
+        "manage": "správa",
+        "limit": "limit",
+        "minimize": "minimalizovat",
+        "modified": "upraveno",
+        "duration": "trvání",
+        "name": "název",
+        "maximize": "maximalizovat",
+        "decrease": "snížit",
+        "ok": "ok",
+        "description": "popis",
+        "configure": "nastavit",
+        "path": "cesta",
+        "center": "uprostřed",
+        "no": "ne",
+        "owner": "majitel",
+        "enable": "zapnout",
+        "clear": "vymazat",
+        "forward": "vpřed",
+        "delete": "odstranit",
+        "cancel": "zrušit",
+        "forceRestartRequired": "restartujte pro použití změn… zavřete oznámení pro restartování",
+        "setting": "nastavení",
+        "version": "verze",
+        "title": "název",
+        "filter_one": "filtr",
+        "filter_few": "filtry",
+        "filter_other": "filtrů",
+        "filters": "filtry",
+        "create": "vytvořit",
+        "bitrate": "datový tok",
+        "saveAndReplace": "uložit a nahradit",
+        "action_one": "akce",
+        "action_few": "akce",
+        "action_other": "akcí",
+        "playerMustBePaused": "přehrávač musí být pozastaven",
+        "confirm": "potvrdit",
+        "resetToDefault": "resetovat na výchozí",
+        "home": "domů",
+        "comingSoon": "již brzy…",
+        "reset": "resetovat",
+        "channel_one": "kanál",
+        "channel_few": "kanály",
+        "channel_other": "kanálů",
+        "disable": "vypnout",
+        "sortOrder": "pořadí",
+        "none": "žádný",
+        "menu": "nabídka",
+        "restartRequired": "vyžadován restart",
+        "previousSong": "předchozí $t(entity.track_one)",
+        "noResultsFromQuery": "nebyly nalezeny žádné výsledky",
+        "quit": "ukončit",
+        "expand": "rozbalit",
+        "search": "hledat",
+        "saveAs": "uložit jako",
+        "disc": "disk",
+        "yes": "ano",
+        "random": "náhodně",
+        "size": "velikost",
+        "biography": "biografie",
+        "note": "poznámka"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "card": "karta",
+                "table": "tabulka",
+                "poster": "plakát"
+            },
+            "general": {
+                "displayType": "typ zobrazení",
+                "gap": "$t(common.gap)",
+                "tableColumns": "sloupce tabulky",
+                "autoFitColumns": "automaticky přizpůsobit sloupce",
+                "size": "$t(common.size)"
+            },
+            "label": {
+                "releaseDate": "datum vydání",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (kombinovaný)",
+                "dateAdded": "datum přidání",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "naposledy přehráno",
+                "trackNumber": "číslo stopy",
+                "rowIndex": "index řádku",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "počet přehrání",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "číslo disku",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "comment": "komentář",
+            "album": "album",
+            "rating": "hodnocení",
+            "favorite": "oblíbené",
+            "playCount": "přehrání",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "rok",
+            "lastPlayed": "naposledy přehráno",
+            "biography": "biografie",
+            "releaseDate": "datum vydání",
+            "bitrate": "datový tok",
+            "title": "název",
+            "bpm": "bpm",
+            "dateAdded": "datum přidání",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "skladba",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "umělec alba",
+            "path": "cesta",
+            "discNumber": "disk",
+            "channels": "$t(common.channel_other)"
+        }
+    },
+    "error": {
+        "remotePortWarning": "restartujte server pro použití nového portu",
+        "systemFontError": "při pokusu o získání systémových písem se vyskytla chyba",
+        "playbackError": "při pokusu o přehrání médií se vyskytla chyba",
+        "endpointNotImplementedError": "endpoint {{endpoint}} není u serveru {{serverType}} implementován",
+        "remotePortError": "při pokusu o nastavení portu vzdáleného serveru se vyskytla chyba",
+        "serverRequired": "vyžadován server",
+        "authenticationFailed": "ověření selhalo",
+        "apiRouteError": "nepodařilo se přesměrovat žádost",
+        "genericError": "vyskytla se chyba",
+        "credentialsRequired": "vyžadovány údaje",
+        "sessionExpiredError": "vaše relace vypršela",
+        "remoteEnableError": "při pokusu $t(common.enable) vzdálený server se vyskytla chyba",
+        "localFontAccessDenied": "přístup k místním písmům zakázán",
+        "serverNotSelectedError": "není vybrán žádný server",
+        "remoteDisableError": "při pokusu $t(common.disable) vzdálený server se vyskytla chyba",
+        "mpvRequired": "vyžadován přehrávač MPV",
+        "audioDeviceFetchError": "při pokusu o přístup ke zvukovým zařízením se vyskytla chyba",
+        "invalidServer": "neplatný server",
+        "loginRateError": "příliš mnoho pokusů o přihlášení, zkuste to znovu za pár vteřin"
+    },
+    "filter": {
+        "mostPlayed": "nejvíce přehráváno",
+        "comment": "komentář",
+        "playCount": "počet přehrání",
+        "recentlyUpdated": "nedávno upraveno",
+        "channels": "$t(common.channel_other)",
+        "isCompilation": "je kompilace",
+        "recentlyPlayed": "nedávno přehráno",
+        "isRated": "je hodnoceno",
+        "owner": "$t(common.owner)",
+        "title": "název",
+        "rating": "hodnocení",
+        "search": "hledat",
+        "bitrate": "datový tok",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "nedávno přidáno",
+        "note": "poznámka",
+        "name": "název",
+        "dateAdded": "datum přidání",
+        "releaseDate": "datum vydání",
+        "albumCount": "počet $t(entity.album_other)",
+        "communityRating": "komunitní hodnocení",
+        "path": "cesta",
+        "favorited": "oblíbené",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "je nedávno přehráno",
+        "isFavorited": "je oblíbené",
+        "bpm": "bpm",
+        "releaseYear": "rok vydání",
+        "id": "id",
+        "disc": "disk",
+        "biography": "biografie",
+        "songCount": "počet skladeb",
+        "artist": "$t(entity.artist_one)",
+        "duration": "trvání",
+        "isPublic": "je veřejné",
+        "random": "náhodně",
+        "lastPlayed": "naposledy přehráno",
+        "toYear": "do roku",
+        "fromYear": "z roku",
+        "criticRating": "hodnocení kritiků",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "skladba"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "právě hraje",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "zobrazit shodu textů",
+                "dynamicBackground": "dynamické pozadí",
+                "synchronized": "synchronizováno",
+                "followCurrentLyric": "následovat aktuální text",
+                "opacity": "neprůhlednost",
+                "lyricSize": "velikost textů",
+                "showLyricProvider": "zobrazit poskytovatele textů",
+                "unsynchronized": "nesynchronizováno",
+                "lyricAlignment": "zarovnání textů",
+                "useImageAspectRatio": "použít poměr stran obrázku",
+                "lyricGap": "mezera textů"
+            },
+            "upNext": "další",
+            "lyrics": "texty",
+            "related": "související"
+        },
+        "appMenu": {
+            "selectServer": "vybrat server",
+            "version": "verze {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "správce serverů",
+            "expandSidebar": "rozbalit postranní panel",
+            "collapseSidebar": "sbalit postranní panel",
+            "openBrowserDevtools": "otevřít vývojářské nástroje",
+            "quit": "$t(common.quit)",
+            "goBack": "přejít zpět",
+            "goForward": "přejít vpřed"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "vybráno {{count}}",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "nejpřehrávanější",
+            "newlyAdded": "nově přidáno",
+            "title": "$t(common.home)",
+            "explore": "procházet z vaší knihovny",
+            "recentlyPlayed": "nedávno přehráno"
+        },
+        "albumDetail": {
+            "moreFromArtist": "více od tohoto umělce",
+            "moreFromGeneric": "více od {{item}}"
+        },
+        "setting": {
+            "playbackTab": "přehrávání",
+            "generalTab": "obecné",
+            "hotkeysTab": "klávesové zkratky",
+            "windowTab": "okno"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "příkazy serveru",
+                "goToPage": "přejít na stránku",
+                "searchFor": "hledání {{query}}"
+            },
+            "title": "příkazy"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "odstranit $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) úspěšně odstraněn",
+            "input_confirm": "pro potvrzení zadejte název $t(entity.playlist_one)u"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "vytvořit $t(entity.playlist_one)",
+            "input_public": "veřejné",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) úspěšně vytvořen",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "přidat server",
+            "input_username": "uživatelské jméno",
+            "input_url": "adresa url",
+            "input_password": "heslo",
+            "input_legacyAuthentication": "zapnout zastaralé ověřování",
+            "input_name": "název serveru",
+            "success": "server úspěšně přidán",
+            "input_savePassword": "uložit heslo",
+            "ignoreSsl": "ignorovat SSL $t(common.restartRequired)",
+            "ignoreCors": "ignorovat CORS $t(common.restartRequired)",
+            "error_savePassword": "při ukládání hesla se vyskytla chyba"
+        },
+        "addToPlaylist": {
+            "success": "přidáno {{message}} $t(entity.track_other) do {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "přidat do $t(entity.playlist_one)",
+            "input_skipDuplicates": "přeskočit duplicity",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "upravit server",
+            "success": "server úspěšně upraven"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "shoda všeho",
+            "input_optionMatchAny": "shoda libovolného"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "Hledat texty"
+        },
+        "editPlaylist": {
+            "title": "upravit $t(entity.playlist_one)"
+        }
+    },
+    "entity": {
+        "genre_one": "žánr",
+        "genre_few": "žánry",
+        "genre_other": "žánry",
+        "playlistWithCount_one": "{{count}} playlist",
+        "playlistWithCount_few": "{{count}} playlisty",
+        "playlistWithCount_other": "{{count}} playlistů",
+        "playlist_one": "playlist",
+        "playlist_few": "playlisty",
+        "playlist_other": "playlisty",
+        "artist_one": "umělec",
+        "artist_few": "umělci",
+        "artist_other": "umělci",
+        "folderWithCount_one": "{{count}} složka",
+        "folderWithCount_few": "{{count}} složky",
+        "folderWithCount_other": "{{count}} složek",
+        "albumArtist_one": "umělec alba",
+        "albumArtist_few": "umělci alba",
+        "albumArtist_other": "umělců alba",
+        "track_one": "skladba",
+        "track_few": "skladby",
+        "track_other": "skladby",
+        "albumArtistCount_one": "{{count}} umělec alba",
+        "albumArtistCount_few": "{{count}} umělci alba",
+        "albumArtistCount_other": "{{count}} umělců alba",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_few": "{{count}} alba",
+        "albumWithCount_other": "{{count}} alb",
+        "favorite_one": "oblíbená",
+        "favorite_few": "oblíbené",
+        "favorite_other": "oblíbených",
+        "artistWithCount_one": "{{count}} umělec",
+        "artistWithCount_few": "{{count}} umělci",
+        "artistWithCount_other": "{{count}} umělců",
+        "folder_one": "složka",
+        "folder_few": "složky",
+        "folder_other": "složek",
+        "smartPlaylist": "chytrý $t(entity.playlist_one)",
+        "album_one": "album",
+        "album_few": "alba",
+        "album_other": "alba",
+        "genreWithCount_one": "{{count}} žánr",
+        "genreWithCount_few": "{{count}} žánry",
+        "genreWithCount_other": "{{count}} žánrů",
+        "trackWithCount_one": "{{count}} skladba",
+        "trackWithCount_few": "{{count}} skladby",
+        "trackWithCount_other": "{{count}} skladeb"
+    }
+}
diff --git a/src/i18n/locales/de.json b/src/i18n/locales/de.json
new file mode 100644
index 000000000..e80de296d
--- /dev/null
+++ b/src/i18n/locales/de.json
@@ -0,0 +1,557 @@
+{
+    "action": {
+        "editPlaylist": "bearbeiten $t(entity.playlist_one)",
+        "clearQueue": "Warteschlange löschen",
+        "addToFavorites": "hinzufügen zu $t(entity.favorite_other)",
+        "addToPlaylist": "hinzufügen zu $t(entity.playlist_one)",
+        "createPlaylist": "erstelle $t(entity.playlist_one)",
+        "deletePlaylist": "löschen $t(entity.playlist_one)",
+        "deselectAll": "Alle abwählen",
+        "goToPage": "Gehe zur Seite",
+        "moveToTop": "Nach oben",
+        "moveToBottom": "Nach unten",
+        "removeFromPlaylist": "Entfernen von $t(entity.playlist_one)",
+        "viewPlaylists": "Ansicht $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "removeFromQueue": "Von Warteschlange entfernen",
+        "setRating": "Bewertung festlegen",
+        "toggleSmartPlaylistEditor": "Editor $t(entity.smartPlaylist) umschalten",
+        "removeFromFavorites": "Entfernen von $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "rückwärts",
+        "increase": "erhöhen",
+        "rating": "Wertung",
+        "bpm": "bpm",
+        "refresh": "Aktualisieren",
+        "unknown": "Unbekannt",
+        "areYouSure": "Bist Du sicher?",
+        "edit": "Bearbeiten",
+        "favorite": "Favorit",
+        "left": "links",
+        "save": "Speichern",
+        "right": "rechts",
+        "currentSong": "momentaner $t(entity.track_one)",
+        "collapse": "Zusammenklappen",
+        "trackNumber": "Track",
+        "descending": "absteigend",
+        "add": "Hinzufügen",
+        "gap": "Lücke",
+        "ascending": "aufsteigend",
+        "dismiss": "Verwerfen",
+        "year": "Jahr",
+        "manage": "Verwalten",
+        "limit": "Limit",
+        "minimize": "minimieren",
+        "modified": "geändert",
+        "duration": "Laufzeit",
+        "name": "Name",
+        "maximize": "maximieren",
+        "decrease": "verringern",
+        "ok": "okay",
+        "description": "Beschreibung",
+        "configure": "Konfigurieren",
+        "path": "Pfad",
+        "center": "Zentrieren",
+        "no": "Nein",
+        "owner": "Eigentümer",
+        "enable": "Aktivieren",
+        "clear": "Bereinigen",
+        "forward": "vorwärts",
+        "delete": "Löschen",
+        "cancel": "Abbrechen",
+        "forceRestartRequired": "Neustarten um die Änderungen zu übernehmen... Schließe die Benachrichtigung zum Neustarten",
+        "setting": "Einstellungen",
+        "setting_other": "Einstellungen",
+        "version": "Version",
+        "title": "Titel",
+        "filter_one": "Filter",
+        "filter_other": "Filter",
+        "filters": "Filter",
+        "create": "Erstellen",
+        "bitrate": "Bitrate",
+        "saveAndReplace": "Speichern und Ersetzen",
+        "action_one": "Aktion",
+        "action_other": "Aktionen",
+        "playerMustBePaused": "Player muss pausiert sein",
+        "confirm": "Bestätigen",
+        "resetToDefault": "Auf Standard zurücksetzen",
+        "home": "Home",
+        "comingSoon": "Kommt bald…",
+        "reset": "zurücksetzen",
+        "channel_one": "Kanal",
+        "channel_other": "Kanäle",
+        "disable": "Deaktivieren",
+        "sortOrder": "Reihenfolge",
+        "none": "keine",
+        "menu": "Menü",
+        "restartRequired": "(Neustart benötigt)",
+        "previousSong": "vorheriger $t(entity.track_one)",
+        "noResultsFromQuery": "Die Abfrage brachte keine Ergebnisse",
+        "quit": "Verlassen",
+        "expand": "expandieren",
+        "search": "Suchen",
+        "saveAs": "Speichern unter",
+        "disc": "Disk",
+        "yes": "Ja",
+        "random": "zufällig",
+        "size": "Größe",
+        "biography": "Biografie",
+        "note": "Hinweis"
+    },
+    "error": {
+        "remotePortWarning": "Starten Sie den Server neu, um den neuen Port anzuwenden",
+        "systemFontError": "Beim Versuch, Systemschriftarten abzurufen, ist ein Fehler aufgetreten",
+        "playbackError": "Beim Versuch, das Medium abzuspielen, ist ein Fehler aufgetreten",
+        "endpointNotImplementedError": "Endgerät {{endpoint}} ist nicht für {{serverType}} implementiert",
+        "remotePortError": "Beim Versuch, den Remote-Server-Port festzulegen, ist ein Fehler aufgetreten",
+        "serverRequired": "Server benötigt",
+        "authenticationFailed": "Authentifizierung fehlgeschlagen",
+        "apiRouteError": "Anforderung kann nicht weitergeleitet werden",
+        "genericError": "Ein Fehler ist aufgetreten",
+        "credentialsRequired": "Anmeldeinformationen erforderlich",
+        "sessionExpiredError": "Deine Sitzung ist abgelaufen",
+        "remoteEnableError": "Beim Versuch, den Remote-Server mit $t(common.enable), ist ein Fehler aufgetreten",
+        "localFontAccessDenied": "Zugriff auf lokale Schriftarten verweigert",
+        "serverNotSelectedError": "Kein Server ausgewählt",
+        "remoteDisableError": "Beim Versuch, den Remote-Server mit $t(common.disable), ist ein Fehler aufgetreten",
+        "mpvRequired": "MPV benötigt",
+        "audioDeviceFetchError": "Beim Versuch, Audiogeräte abzurufen, ist ein Fehler aufgetreten",
+        "invalidServer": "Ungültiger Server",
+        "loginRateError": "Zu viele Anmeldeversuche, bitte versuche es in einigen Sekunden erneut"
+    },
+    "filter": {
+        "mostPlayed": "Meistgespielt",
+        "comment": "Kommentar",
+        "playCount": "Anzahl abgespielt",
+        "recentlyUpdated": "kürzlich aktualisiert",
+        "isCompilation": "ist Zusammenstellung",
+        "recentlyPlayed": "kürzlich gespielt",
+        "isRated": "ist bewertet",
+        "title": "Titel",
+        "rating": "Bewertung",
+        "search": "Suche",
+        "bitrate": "Bitrate",
+        "recentlyAdded": "kürzlich hinzugefügt",
+        "note": "Hinweis",
+        "name": "Name",
+        "dateAdded": "Datum hinzugefügt",
+        "releaseDate": "Veröffentlichungsdatum",
+        "albumCount": "$t(entity.album_other) Anzahl",
+        "communityRating": "Community-Wertung",
+        "path": "Pfad",
+        "favorited": "favorisiert",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "wurde kürzlich gespielt",
+        "isFavorited": "wird favorisiert",
+        "bpm": "bpm",
+        "releaseYear": "Erscheinungsjahr",
+        "id": "ID",
+        "disc": "Disk",
+        "biography": "Biografie",
+        "songCount": "Anzahl Lieder",
+        "duration": "Dauer",
+        "isPublic": "ist öffentlich",
+        "random": "zufällig",
+        "lastPlayed": "Zuletzt gespielt",
+        "toYear": "bis Jahr",
+        "fromYear": "ab Jahr",
+        "criticRating": "Kritikerbewertung",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "Track",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "artist": "$t(entity.artist_one)"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "Lösche $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) erfolgreich gelöscht",
+            "input_confirm": "Geben Sie zur Bestätigung den Namen von $t(entity.playlist_one) ein"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "Erstellen $t(entity.playlist_one)",
+            "input_public": "öffentlich",
+            "success": "$t(entity.playlist_one) erfolgreich erstellt",
+            "input_name": "$t(common.name)",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "Server hinzufügen",
+            "input_username": "Benutzername",
+            "input_url": "URL",
+            "input_password": "Passwort",
+            "input_legacyAuthentication": "Aktivieren der Legacy-Authentifizierung",
+            "input_name": "Server Name",
+            "success": "Server erfolgreich hinzugefügt",
+            "input_savePassword": "Passwort speichern",
+            "ignoreSsl": "ignoriere ssl $t(common.restartRequired)",
+            "ignoreCors": "ignoriere cors $t(common.restartRequired)",
+            "error_savePassword": "Beim Versuch, das Passwort zu speichern, ist ein Fehler aufgetreten"
+        },
+        "addToPlaylist": {
+            "success": "{{message}} $t(entity.track_other) zu {{numOfPlaylists}} $t(entity.playlist_other) hinzugefügt",
+            "title": "Zu $t(entity.playlist_one) hinzufügen",
+            "input_skipDuplicates": "Duplikate überspringen",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "Server aktualisieren",
+            "success": "Server erfolgreich aktualisiert"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "Treffer Alle",
+            "input_optionMatchAny": "Treffer Einige"
+        },
+        "editPlaylist": {
+            "title": "Bearbeite $t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "title": "Songtext Suche",
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)"
+        }
+    },
+    "entity": {
+        "genre_one": "Genre",
+        "genre_other": "Genres",
+        "playlistWithCount_one": "{{count}} Wiedergabeliste",
+        "playlistWithCount_other": "{{count}} Wiedergabelisten",
+        "playlist_one": "Wiedergabeliste",
+        "playlist_other": "Wiedergabelisten",
+        "artist_one": "Interpret",
+        "artist_other": "Interpreten",
+        "folderWithCount_one": "{{count}} Verzeichnis",
+        "folderWithCount_other": "{{count}} Verzeichnisse",
+        "albumArtist_one": "Albuminterpret",
+        "albumArtist_other": "Albuminterpreten",
+        "track_one": "Track",
+        "track_other": "Tracks",
+        "albumArtistCount_one": "{{count}} Albuminterpret",
+        "albumArtistCount_other": "{{count}} Albuminterpreten",
+        "albumWithCount_one": "{{count}} Album",
+        "albumWithCount_other": "{{count}} Alben",
+        "favorite_one": "Favorit",
+        "favorite_other": "Favoriten",
+        "artistWithCount_one": "{{count}} Interpret",
+        "artistWithCount_other": "{{count}} Interpreten",
+        "folder_one": "Verzeichnis",
+        "folder_other": "Verzeichnisse",
+        "album_one": "Album",
+        "album_other": "Alben",
+        "genreWithCount_one": "{{count}} Genre",
+        "genreWithCount_other": "{{count}} Genres",
+        "trackWithCount_one": "{{count}} Track",
+        "trackWithCount_other": "{{count}} Tracks",
+        "smartPlaylist": "Smart $t(entity.playlist_one)"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "table": "Tabelle"
+            },
+            "general": {
+                "tableColumns": "Tabellenspalten"
+            }
+        },
+        "column": {
+            "releaseYear": "Jahr",
+            "biography": "Biografie",
+            "releaseDate": "Veröffentlichungsdatum",
+            "bitrate": "Bitrate",
+            "title": "Titel",
+            "path": "Pfad"
+        }
+    },
+    "page": {
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "Textübereinstimmung anzeigen",
+                "dynamicBackground": "Dynamischer Hintergrund",
+                "synchronized": "synchronisiert",
+                "followCurrentLyric": "dem Songtext folgen",
+                "opacity": "Deckkraft",
+                "lyricSize": "Songtext-Größe",
+                "showLyricProvider": "Songtext-Anbieter anzeigen",
+                "unsynchronized": "nicht synchronisiert",
+                "lyricAlignment": "Songtext-Ausrichtung",
+                "useImageAspectRatio": "Bildseitenverhältnis verwenden",
+                "lyricGap": "Songtext-Lücke"
+            },
+            "upNext": "als nächstes",
+            "lyrics": "Songtexte",
+            "related": "Ähnliche"
+        },
+        "appMenu": {
+            "selectServer": "Server auswählen",
+            "version": "Version {{version}}",
+            "manageServers": "Server verwalten",
+            "expandSidebar": "Seitenleiste erweitern",
+            "collapseSidebar": "Seitenleiste einklappen",
+            "openBrowserDevtools": "Browser-Entwicklungswerkzeuge öffnen",
+            "goBack": "Gehe zurück",
+            "goForward": "Gehe vorwärts",
+            "settings": "$t(common.setting_other)",
+            "quit": "$t(common.quit)"
+        },
+        "home": {
+            "mostPlayed": "Meistgespielt",
+            "newlyAdded": "Neu hinzugefügte Veröffentlichungen",
+            "explore": "Entdecke deine Bibliothek",
+            "recentlyPlayed": "Kürzlich gespielt",
+            "title": "$t(common.home)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "Mehr von diesem $t(entity.genre_one)",
+            "moreFromGeneric": "Mehr von {{item}}"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "Serverbefehle",
+                "goToPage": "Gehe zur Seite",
+                "searchFor": "Suche nach {{query}}"
+            },
+            "title": "Befehle"
+        },
+        "contextMenu": {
+            "numberSelected": "{{count}} Ausgewählte",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "sidebar": {
+            "nowPlaying": "läuft gerade",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "setting": {
+            "playbackTab": "Wiedergabe",
+            "generalTab": "allgemein",
+            "hotkeysTab": "Kurzbefehle",
+            "windowTab": "Fenster"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "player": {
+        "next": "Nächster",
+        "addNext": "Als Nächstes einfügen",
+        "play": "Abspielen",
+        "muted": "Stummgeschaltet",
+        "addLast": "Ans Ende einzufügen",
+        "mute": "Stumm",
+        "playRandom": "Zufällige Wiedergabe",
+        "previous": "Vorheriger",
+        "favorite": "Favorit",
+        "playbackFetchNoResults": "Keine Lieder gefunden",
+        "playbackFetchInProgress": "Lieder werden geladen…",
+        "playbackSpeed": "Wiedergabegeschwindigkeit",
+        "playbackFetchCancel": "Das dauert eine Weile. Schließen Sie die Benachrichtigung, um den Vorgang abzubrechen",
+        "queue_clear": "Bereinige Warteschlange",
+        "repeat_all": "Alle wiederholen",
+        "repeat": "Wiederholen",
+        "queue_remove": "Ausgewählte entfernen",
+        "shuffle": "Zufallswiedergabe",
+        "repeat_off": "Nicht wiederholen",
+        "queue_moveToTop": "Ausgewählte nach unten verschieben",
+        "queue_moveToBottom": "Ausgewählte nach oben verschieben",
+        "shuffle_off": "Zufallswiedergabe deaktiviert",
+        "stop": "Stopp",
+        "toggleFullscreenPlayer": "Vollbildmodus",
+        "skip_back": "Zurückspulen",
+        "pause": "Pause",
+        "unfavorite": "Aus Favoriten entfernen",
+        "skip_forward": "Vorspulen",
+        "skip": "Überspringen"
+    },
+    "setting": {
+        "audioDevice_description": "Wählen Sie das Audiogerät aus, das für die Wiedergabe verwendet werden soll (nur Webplayer).",
+        "audioExclusiveMode": "Audio Exklusiver Modus",
+        "audioDevice": "Audiogerät",
+        "accentColor": "Akzentfarbe",
+        "accentColor_description": "Legt die Akzentfarbe für die Anwendung fest",
+        "applicationHotkeys": "Tastenkombinationen der Anwendung",
+        "applicationHotkeys_description": "Konfiguriere die Tastenkombinationen der Anwendung. Setze einen Haken, um die Tastenkombination global zu verwenden (nur für die Desktopanwendung)",
+        "crossfadeStyle_description": "Wählen Sie Art des Überblendungseffekts aus, welcher für den Audioplayer verwendet werden soll",
+        "discordIdleStatus_description": "Wenn aktiviert wird der Rich Presence Status aktiviert, wenn sich der Player im Leerlauf befindet",
+        "crossfadeStyle": "Art der Überblendung",
+        "audioExclusiveMode_description": "Aktivieren Sie den exklusiven Ausgabemodus. In diesem Modus ist das System normalerweise gesperrt und nur MPV ist in der Lage Audio ausgeben",
+        "disableLibraryUpdateOnStartup": "Beim Start nicht nach neuen Versionen suchen",
+        "discordApplicationId_description": "Die Application-ID für {{discord}} Rich Presence (Standard: {{defaultId}})",
+        "audioPlayer_description": "Wählen Sie den Audioplayer aus, der für die Wiedergabe verwendet werden soll",
+        "disableAutomaticUpdates": "Automatische Updates deaktivieren",
+        "crossfadeDuration_description": "Legt die Dauer der Überblendung fest",
+        "customFontPath": "Benutzerdefinierter Pfad für Schriftarten",
+        "crossfadeDuration": "Dauer der Überblendung",
+        "discordIdleStatus": "Rich Presence Status im Leerlauf",
+        "audioPlayer": "Audio-Player",
+        "discordApplicationId": "{{discord}} Anwendungs ID",
+        "customFontPath_description": "Legt den Pfad zur benutzerdefinierten Schriftart fest, welche für die Anwendung verwendet werden soll",
+        "discordRichPresence": "{{discord}} Rich Presence",
+        "remotePort_description": "Legt den Port des Fernsteuerungsserver fest",
+        "hotkey_skipBackward": "rückwärts springen",
+        "replayGainMode_description": "Passen Sie die Lautstärkeverstärkung entsprechend den in den Dateimetadaten gespeicherten {{ReplayGain}}-Werten an",
+        "volumeWheelStep_description": "die Lautstärke, die beim Scrollen des Mausrads auf dem Lautstärkeregler geändert werden soll",
+        "theme_description": "Legt das für die Anwendung zu verwendende Thema fest",
+        "hotkey_playbackPause": "Pause",
+        "sidebarCollapsedNavigation_description": "Zeigt die Navigation in der minimierten Seitenleiste an oder verbirgt sie",
+        "mpvExecutablePath_help": "eine pro Zeile",
+        "hotkey_volumeUp": "Lauter",
+        "skipDuration": "Sprungdauer",
+        "showSkipButtons": "Schaltflächen zum Überspringen anzeigen",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "minimale Scrobble-Dauer (Prozentsatz)",
+        "lyricFetch": "Songtexte aus dem Internet abrufen",
+        "scrobble": "Scrobbeln",
+        "skipDuration_description": "Legt die zu überspringende Dauer fest, wenn die Überspringen-Schaltflächen in der Player-Leiste verwendet werden",
+        "mpvExecutablePath_description": "Legt den Pfad zur ausführbaren MPV-Datei fest",
+        "replayGainClipping_description": "Verhindern Sie durch {{ReplayGain}} verursachtes Clipping, indem Sie die Verstärkung automatisch verringern",
+        "replayGainPreamp": "{{ReplayGain}} Vorverstärker (db)",
+        "hotkey_favoriteCurrentSong": "Favorit $t(common.currentSong)",
+        "sampleRate": "Abtastrate",
+        "sidePlayQueueStyle_optionAttached": "angefügt",
+        "sidebarConfiguration": "Seitenleistenkonfiguration",
+        "sampleRate_description": "Wählen Sie die auszugebende Abtastrate aus, wenn sich die ausgewählte Abtastfrequenz von der des aktuellen Mediums unterscheidet",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "hotkey_zoomIn": "Hineinzoomen",
+        "scrobble_description": "Scrobble wird auf Ihrem Medienserver abgespielt",
+        "hotkey_browserForward": "Browser vor",
+        "hotkey_playbackPlayPause": "Wiedergabe / Pause",
+        "hotkey_rate1": "Bewertung 1 Stern",
+        "hotkey_skipForward": "vorwärts springen",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "minimizeToTray_description": "Minimieren der Anwendung in die Taskleiste",
+        "hotkey_playbackPlay": "Wiedergabe",
+        "hotkey_volumeDown": "Leiser",
+        "hotkey_unfavoritePreviousSong": "$t(common.previousSong) aus Favoriten entfernen",
+        "globalMediaHotkeys": "Globale Medien Kurzbefehle",
+        "hotkey_globalSearch": "Globale Suche",
+        "gaplessAudio_description": "Legt die lückenlose Audioeinstellung für MPV fest",
+        "remoteUsername_description": "Legt den Benutzernamen für den Fernsteuerungsserver fest. Wenn sowohl Benutzername als auch Passwort leer sind, wird die Authentifizierung deaktiviert",
+        "hotkey_favoritePreviousSong": "Favorit $t(common.previousSong)",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "Liedtext-Versatz (ms)",
+        "themeDark_description": "Legt das dunkle Design fest, das für die Anwendung verwendet werden soll",
+        "remotePassword": "Passwort des Fernsteuerungsservers",
+        "lyricFetchProvider": "Anbieter, von denen Liedtexte abgerufen werden können",
+        "language_description": "Legt die Sprache für die Anwendung fest $t(common.restartRequired)",
+        "playbackStyle_optionCrossFade": "Überblendung",
+        "hotkey_rate3": "Bewertung 3 Sterne",
+        "mpvExtraParameters": "mpv Parameter",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "Legt das helle Thema fest, das für die Anwendung verwendet werden soll",
+        "hotkey_toggleFullScreenPlayer": "Vollbildmodus umschalten",
+        "hotkey_localSearch": "Suche auf Seite",
+        "hotkey_toggleQueue": "Warteschlange umschalten",
+        "remotePassword_description": "Legt das Passwort für den Fernsteuerungsserver fest. Diese Anmeldeinformationen werden standardmäßig unsicher übertragen, daher sollten Sie ein eindeutiges Passwort verwenden, das Ihnen egal ist",
+        "hotkey_rate5": "Bewertung 5 Sterne",
+        "hotkey_playbackPrevious": "Vorheriger Track",
+        "showSkipButtons_description": "Ein- oder Ausblenden der Überspringen-Schaltflächen in der Player-Leiste",
+        "language": "Sprache",
+        "playbackStyle": "Wiedergabestil",
+        "hotkey_toggleShuffle": "Zufallswiedergabe umschalten",
+        "theme": "Thema",
+        "playbackStyle_description": "Wählen Sie den Wiedergabestil aus, der für den Audioplayer verwendet werden soll",
+        "mpvExecutablePath": "Pfad der ausführbaren MPV-Datei",
+        "hotkey_rate2": "Bewertung 2 Sterne",
+        "playButtonBehavior_description": "Legt das Standardverhalten der Wiedergabeschaltfläche fest, wenn Songs zur Warteschlange hinzugefügt werden",
+        "minimumScrobblePercentage_description": "Der Mindestprozentsatz des Songs, der gespielt werden muss, bevor er gescrobbelt wird",
+        "hotkey_rate4": "Bewertung 4 Sterne",
+        "showSkipButton_description": "Ein- oder Ausblenden der Überspringen-Schaltflächen in der Player-Leiste",
+        "savePlayQueue": "Wiedergabe-Warteschlange speichern",
+        "minimumScrobbleSeconds_description": "die Mindestdauer in Sekunden, die das Lied abspielen muss, bevor es gescrobbelt wird",
+        "skipPlaylistPage_description": "Gehen Sie beim Navigieren zu einer Wiedergabeliste zur Titelseite der Wiedergabeliste und nicht zur Standardseite",
+        "fontType_description": "Die integrierte Schriftart wählt eine der von Feishin bereitgestellten Schriftarten aus. Mit der Systemschriftart können Sie jede von Ihrem Betriebssystem bereitgestellte Schriftart auswählen. Benutzerdefiniert erlaubt es eine eigene Schriftart bereitzustellen",
+        "playButtonBehavior": "Verhalten der Wiedergabetaste",
+        "volumeWheelStep": "Lautstärkeregler Stufe",
+        "sidebarPlaylistList_description": "Ein- oder Ausblenden der Playlisten-Liste in der Seitenleiste",
+        "sidePlayQueueStyle_description": "Legt den Stil der Wiedergabewarteliste in der Seitenleiste fest",
+        "replayGainMode": "{{ReplayGain}} Modus",
+        "playbackStyle_optionNormal": "Normal",
+        "windowBarStyle": "Fensterleistenstil",
+        "replayGainFallback_description": "Verstärkung in db, die angewendet werden soll, wenn die Datei keine {{ReplayGain}}-Tags hat",
+        "replayGainPreamp_description": "Passen Sie die Vorverstärkerverstärkung an, die auf die {{ReplayGain}}-Werte angewendet wird",
+        "hotkey_toggleRepeat": "Wiederholung umschalten",
+        "lyricOffset_description": "Versetzen Sie den Liedtext um die angegebene Anzahl von Millisekunden",
+        "sidebarConfiguration_description": "Wählen Sie die Elemente und die Reihenfolge aus, in der sie in der Seitenleiste angezeigt werden",
+        "remotePort": "Port des Fernsteuerungsserver",
+        "hotkey_playbackNext": "Nächster Track",
+        "useSystemTheme_description": "der systemdefinierten Hell- oder Dunkelpräferenz folgen",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "Songtexte aus verschiedenen Internetquellen abrufen",
+        "lyricFetchProvider_description": "Wählen Sie die Anbieter aus, von denen Sie Liedtexte abrufen möchten. Die Reihenfolge der Anbieter ist die Reihenfolge, in der sie abgefragt werden",
+        "globalMediaHotkeys_description": "Aktivieren oder deaktivieren Sie die Verwendung der Medien-Kurzbefehle Ihres Systems zur Steuerung der Wiedergabe",
+        "hotkey_zoomOut": "Herauszoomen",
+        "hotkey_unfavoriteCurrentSong": "$t(common.currentSong) aus Favoriten entfernen",
+        "hotkey_rate0": "Bewertung löschen",
+        "hotkey_volumeMute": "Lautstärke stumm",
+        "remoteUsername": "Benutzername des Fernsteuerungsserver",
+        "hotkey_browserBack": "Browser zurück",
+        "showSkipButton": "Schaltflächen zum Überspringen anzeigen",
+        "sidebarPlaylistList": "Seitenleiste Playlisten-Liste",
+        "minimizeToTray": "Zur Taskleiste minimieren",
+        "skipPlaylistPage": "Playlisten-Seite überspringen",
+        "themeDark": "Thema (dunkel)",
+        "sidebarCollapsedNavigation": "Navigation in der Seitenleiste (komprimiert)",
+        "gaplessAudio_optionWeak": "schwach (empfohlen)",
+        "minimumScrobbleSeconds": "minimales Scrobble (Sekunden)",
+        "hotkey_playbackStop": "Stoppen",
+        "savePlayQueue_description": "Speichert Wiedergabewarteschlange, wenn die Anwendung geschlossen wird, und stellt sie wieder her, wenn die Anwendung geöffnet wird",
+        "useSystemTheme": "Systemdesign verwenden",
+        "enableRemote_description": "Aktiviere den eingebauten Webserver, um die Anwendung von anderen Geräten aus zu steuern",
+        "fontType_optionSystem": "Systemschriftart",
+        "discordUpdateInterval": "{{discord}} Rich Presence Aktualisierungsintervall",
+        "fontType_optionBuiltIn": "Eingebaute Schriftart",
+        "gaplessAudio": "Unterbrechungsfreie Wiedergabe",
+        "exitToTray_description": "Die Anwendung beim Schließen in die Taskleiste minimieren",
+        "followLyric_description": "Der Songtext scrollt automatisch mir der Wiedergabe",
+        "discordUpdateInterval_description": "Zeit in Sekunden zwischen den Statusupdates (Minimum: 15s)",
+        "fontType_optionCustom": "Benutzerdefinierte Schriftart",
+        "font": "Schriftart",
+        "exitToTray": "In die Taskleiste minimieren",
+        "enableRemote": "Server für Fernzugriff aktivieren",
+        "floatingQueueArea": "Beim Darüberfahren schwebende Warteschlange anzeigen",
+        "fontType": "Schriftartenquelle",
+        "followLyric": "Songtext synchronisieren",
+        "floatingQueueArea_description": "Zeige ein Icon auf der rechten Seite, um beim Darüberfahren die Wartschlange anzuzeigen",
+        "font_description": "Wähle die Schriftart für die Anwendung",
+        "themeLight": "Thema (hell)",
+        "sidePlayQueueStyle_optionDetached": "lösgelöst",
+        "windowBarStyle_description": "Wähle den Stil der Windows-Leiste"
+    }
+}
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 147e95db7..9377d5e61 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -1,9 +1,661 @@
 {
-  "player": {
-    "next": "player.next",
-    "play": "player.play",
-    "prev": "player.prev",
-    "seekBack": "player.seekBack",
-    "seekForward": "player.seekForward"
-  }
+    "action": {
+        "addToFavorites": "add to $t(entity.favorite_other)",
+        "addToPlaylist": "add to $t(entity.playlist_one)",
+        "clearQueue": "clear queue",
+        "createPlaylist": "create $t(entity.playlist_one)",
+        "deletePlaylist": "delete $t(entity.playlist_one)",
+        "deselectAll": "deselect all",
+        "editPlaylist": "edit $t(entity.playlist_one)",
+        "goToPage": "go to page",
+        "moveToBottom": "move to bottom",
+        "moveToTop": "move to top",
+        "refresh": "$t(common.refresh)",
+        "removeFromFavorites": "remove from $t(entity.favorite_other)",
+        "removeFromPlaylist": "remove from $t(entity.playlist_one)",
+        "removeFromQueue": "remove from queue",
+        "setRating": "set rating",
+        "toggleSmartPlaylistEditor": "toggle $t(entity.smartPlaylist) editor",
+        "viewPlaylists": "view $t(entity.playlist_other)",
+        "openIn": {
+            "lastfm": "Open in Last.fm",
+            "musicbrainz": "Open in MusicBrainz"
+        }
+    },
+    "common": {
+        "action_one": "action",
+        "action_other": "actions",
+        "add": "add",
+        "areYouSure": "are you sure?",
+        "ascending": "ascending",
+        "backward": "backward",
+        "biography": "biography",
+        "bitrate": "bitrate",
+        "bpm": "bpm",
+        "cancel": "cancel",
+        "center": "center",
+        "channel_one": "channel",
+        "channel_other": "channels",
+        "clear": "clear",
+        "close": "close",
+        "codec": "codec",
+        "collapse": "collapse",
+        "comingSoon": "coming soon…",
+        "configure": "configure",
+        "confirm": "confirm",
+        "create": "create",
+        "currentSong": "current $t(entity.track_one)",
+        "decrease": "decrease",
+        "delete": "delete",
+        "descending": "descending",
+        "description": "description",
+        "disable": "disable",
+        "disc": "disc",
+        "dismiss": "dismiss",
+        "duration": "duration",
+        "edit": "edit",
+        "enable": "enable",
+        "expand": "expand",
+        "favorite": "favorite",
+        "filter_one": "filter",
+        "filter_other": "filters",
+        "filters": "filters",
+        "forceRestartRequired": "restart to apply changes… close the notification to restart",
+        "forward": "forward",
+        "gap": "gap",
+        "home": "home",
+        "increase": "increase",
+        "left": "left",
+        "limit": "limit",
+        "manage": "manage",
+        "maximize": "maximize",
+        "menu": "menu",
+        "minimize": "minimize",
+        "modified": "modified",
+        "name": "name",
+        "no": "no",
+        "none": "none",
+        "noResultsFromQuery": "the query returned no results",
+        "note": "note",
+        "ok": "ok",
+        "owner": "owner",
+        "path": "path",
+        "playerMustBePaused": "player must be paused",
+        "previousSong": "previous $t(entity.track_one)",
+        "quit": "quit",
+        "random": "random",
+        "rating": "rating",
+        "refresh": "refresh",
+        "reload": "reload",
+        "reset": "reset",
+        "resetToDefault": "reset to default",
+        "restartRequired": "restart required",
+        "right": "right",
+        "save": "save",
+        "saveAndReplace": "save and replace",
+        "saveAs": "save as",
+        "search": "search",
+        "setting": "setting",
+        "setting_one": "setting",
+        "setting_other": "settings",
+        "size": "size",
+        "sortOrder": "order",
+        "title": "title",
+        "trackNumber": "track",
+        "unknown": "unknown",
+        "version": "version",
+        "year": "year",
+        "yes": "yes"
+    },
+    "entity": {
+        "album_one": "album",
+        "album_other": "albums",
+        "albumArtist_one": "album artist",
+        "albumArtist_other": "album artists",
+        "albumArtistCount_one": "{{count}} album artist",
+        "albumArtistCount_other": "{{count}} album artists",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_other": "{{count}} albums",
+        "artist_one": "artist",
+        "artist_other": "artists",
+        "artistWithCount_one": "{{count}} artist",
+        "artistWithCount_other": "{{count}} artists",
+        "favorite_one": "favorite",
+        "favorite_other": "favorites",
+        "folder_one": "folder",
+        "folder_other": "folders",
+        "folderWithCount_one": "{{count}} folder",
+        "folderWithCount_other": "{{count}} folders",
+        "genre_one": "genre",
+        "genre_other": "genres",
+        "genreWithCount_one": "{{count}} genre",
+        "genreWithCount_other": "{{count}} genres",
+        "playlist_one": "playlist",
+        "playlist_other": "playlists",
+        "playlistWithCount_one": "{{count}} playlist",
+        "playlistWithCount_other": "{{count}} playlists",
+        "smartPlaylist": "smart $t(entity.playlist_one)",
+        "track_one": "track",
+        "track_other": "tracks",
+        "trackWithCount_one": "{{count}} track",
+        "trackWithCount_other": "{{count}} tracks"
+    },
+    "error": {
+        "apiRouteError": "unable to route request",
+        "audioDeviceFetchError": "an error occurred when trying to get audio devices",
+        "authenticationFailed": "authentication failed",
+        "credentialsRequired": "credentials required",
+        "endpointNotImplementedError": "endpoint {{endpoint}} is not implemented for {{serverType}}",
+        "genericError": "an error occurred",
+        "invalidServer": "invalid server",
+        "localFontAccessDenied": "access denied to local fonts",
+        "loginRateError": "too many login attempts, please try again in a few seconds",
+        "mpvRequired": "MPV required",
+        "networkError": "a network error occurred",
+        "playbackError": "an error occurred when trying to play the media",
+        "remoteDisableError": "an error occurred when trying to $t(common.disable) the remote server",
+        "remoteEnableError": "an error occurred when trying to $t(common.enable) the remote server",
+        "remotePortError": "an error occurred when trying to set the remote server port",
+        "remotePortWarning": "restart the server to apply the new port",
+        "serverNotSelectedError": "no server selected",
+        "serverRequired": "server required",
+        "sessionExpiredError": "your session has expired",
+        "systemFontError": "an error occurred when trying to get system fonts"
+    },
+    "filter": {
+        "album": "$t(entity.album_one)",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "albumCount": "$t(entity.album_other) count",
+        "artist": "$t(entity.artist_one)",
+        "biography": "biography",
+        "bitrate": "bitrate",
+        "bpm": "bpm",
+        "channels": "$t(common.channel_other)",
+        "comment": "comment",
+        "communityRating": "community rating",
+        "criticRating": "critic rating",
+        "dateAdded": "date added",
+        "disc": "disc",
+        "duration": "duration",
+        "favorited": "favorited",
+        "fromYear": "from year",
+        "genre": "$t(entity.genre_one)",
+        "id": "id",
+        "isCompilation": "is compilation",
+        "isFavorited": "is favorited",
+        "isPublic": "is public",
+        "isRated": "is rated",
+        "isRecentlyPlayed": "is recently played",
+        "lastPlayed": "last played",
+        "mostPlayed": "most played",
+        "name": "name",
+        "note": "note",
+        "owner": "$t(common.owner)",
+        "path": "path",
+        "playCount": "play count",
+        "random": "random",
+        "rating": "rating",
+        "recentlyAdded": "recently added",
+        "recentlyPlayed": "recently played",
+        "recentlyUpdated": "recently updated",
+        "releaseDate": "release date",
+        "releaseYear": "release year",
+        "search": "search",
+        "songCount": "song count",
+        "title": "title",
+        "toYear": "to year",
+        "trackNumber": "track"
+    },
+    "form": {
+        "addServer": {
+            "error_savePassword": "an error occurred when trying to save the password",
+            "ignoreCors": "ignore cors ($t(common.restartRequired))",
+            "ignoreSsl": "ignore ssl ($t(common.restartRequired))",
+            "input_legacyAuthentication": "enable legacy authentication",
+            "input_name": "server name",
+            "input_password": "password",
+            "input_savePassword": "save password",
+            "input_url": "url",
+            "input_username": "username",
+            "success": "server added successfully",
+            "title": "add server"
+        },
+        "addToPlaylist": {
+            "input_playlists": "$t(entity.playlist_other)",
+            "input_skipDuplicates": "skip duplicates",
+            "success": "added $t(entity.trackWithCount, {\"count\": {{message}} }) to $t(entity.playlistWithCount, {\"count\": {{numOfPlaylists}} })",
+            "title": "add to $t(entity.playlist_one)"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "input_name": "$t(common.name)",
+            "input_owner": "$t(common.owner)",
+            "input_public": "public",
+            "success": "$t(entity.playlist_one) created successfully",
+            "title": "create $t(entity.playlist_one)"
+        },
+        "deletePlaylist": {
+            "input_confirm": "type the name of the $t(entity.playlist_one) to confirm",
+            "success": "$t(entity.playlist_one) deleted successfully",
+            "title": "delete $t(entity.playlist_one)"
+        },
+        "editPlaylist": {
+            "title": "edit $t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "input_artist": "$t(entity.artist_one)",
+            "input_name": "$t(common.name)",
+            "title": "lyric search"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "match all",
+            "input_optionMatchAny": "match any"
+        },
+        "updateServer": {
+            "success": "server updated successfully",
+            "title": "update server"
+        }
+    },
+    "page": {
+        "albumArtistDetail": {
+            "about": "About {{artist}}",
+            "appearsOn": "appears on",
+            "recentReleases": "recent releases",
+            "viewDiscography": "view discography",
+            "relatedArtists": "related $t(entity.artist_other)",
+            "topSongs": "top songs",
+            "topSongsFrom": "Top songs from {{title}}",
+            "viewAll": "view all",
+            "viewAllTracks": "view all $t(entity.track_other)"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "more from this $t(entity.artist_one)",
+            "moreFromGeneric": "more from {{item}}"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        },
+        "appMenu": {
+            "collapseSidebar": "collapse sidebar",
+            "expandSidebar": "expand sidebar",
+            "goBack": "go back",
+            "goForward": "go forward",
+            "manageServers": "manage servers",
+            "openBrowserDevtools": "open browser devtools",
+            "quit": "$t(common.quit)",
+            "selectServer": "select server",
+            "settings": "$t(common.setting_other)",
+            "version": "version {{version}}"
+        },
+        "contextMenu": {
+            "addFavorite": "$t(action.addToFavorites)",
+            "addLast": "$t(player.addLast)",
+            "addNext": "$t(player.addNext)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "deselectAll": "$t(action.deselectAll)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "moveToTop": "$t(action.moveToTop)",
+            "numberSelected": "{{count}} selected",
+            "play": "$t(player.play)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "setRating": "$t(action.setRating)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "dynamicBackground": "dynamic background",
+                "followCurrentLyric": "follow current lyric",
+                "lyricAlignment": "lyric alignment",
+                "lyricGap": "lyric gap",
+                "lyricSize": "lyric size",
+                "opacity": "opacity",
+                "showLyricMatch": "show lyric match",
+                "showLyricProvider": "show lyric provider",
+                "synchronized": "synchronized",
+                "unsynchronized": "unsynchronized",
+                "useImageAspectRatio": "use image aspect ratio"
+            },
+            "lyrics": "lyrics",
+            "related": "related",
+            "upNext": "up next"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "goToPage": "go to page",
+                "searchFor": "search for {{query}}",
+                "serverCommands": "server commands"
+            },
+            "title": "commands"
+        },
+        "home": {
+            "explore": "explore from your library",
+            "mostPlayed": "most played",
+            "newlyAdded": "newly added releases",
+            "recentlyPlayed": "recently played",
+            "title": "$t(common.home)"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "setting": {
+            "generalTab": "general",
+            "hotkeysTab": "hotkeys",
+            "playbackTab": "playback",
+            "windowTab": "window"
+        },
+        "sidebar": {
+            "albumArtists": "$t(entity.albumArtist_other)",
+            "albums": "$t(entity.album_other)",
+            "artists": "$t(entity.artist_other)",
+            "folders": "$t(entity.folder_other)",
+            "genres": "$t(entity.genre_other)",
+            "home": "$t(common.home)",
+            "nowPlaying": "now playing",
+            "playlists": "$t(entity.playlist_other)",
+            "rescan": "rescan",
+            "search": "$t(common.search)",
+            "settings": "$t(common.setting_other)",
+            "tracks": "$t(entity.track_other)"
+        },
+        "trackList": {
+            "artistTracks": "Tracks by {{artist}}",
+            "genreTracks": "\"{{genre}}\" $t(entity.track_other)",
+            "title": "$t(entity.track_other)"
+        }
+    },
+    "player": {
+        "addLast": "add last",
+        "addNext": "add next",
+        "favorite": "favorite",
+        "mute": "mute",
+        "muted": "muted",
+        "next": "next",
+        "play": "play",
+        "playbackFetchCancel": "this is taking a while… close the notification to cancel",
+        "playbackFetchInProgress": "loading songs…",
+        "playbackFetchNoResults": "no songs found",
+        "playbackSpeed": "playback speed",
+        "playRandom": "play random",
+        "previous": "previous",
+        "queue_clear": "clear queue",
+        "queue_moveToBottom": "move selected to top",
+        "queue_moveToTop": "move selected to bottom",
+        "queue_remove": "remove selected",
+        "repeat": "repeat",
+        "repeat_all": "repeat all",
+        "repeat_off": "repeat disabled",
+        "repeat_one": "repeat one",
+        "repeat_other": "",
+        "shuffle": "shuffle",
+        "shuffle_off": "shuffle disabled",
+        "skip": "skip",
+        "skip_back": "skip backwards",
+        "skip_forward": "skip forwards",
+        "stop": "stop",
+        "toggleFullscreenPlayer": "toggle fullscreen player",
+        "unfavorite": "unfavorite",
+        "pause": "pause"
+    },
+    "setting": {
+        "accentColor": "accent color",
+        "accentColor_description": "sets the accent color for the application",
+        "applicationHotkeys": "application hotkeys",
+        "applicationHotkeys_description": "configure application hotkeys. toggle the checkbox to set as a global hotkey (desktop only)",
+        "audioDevice": "audio device",
+        "audioDevice_description": "select the audio device to use for playback (web player only)",
+        "audioExclusiveMode": "audio exclusive mode",
+        "audioExclusiveMode_description": "enable exclusive output mode. In this mode, the system is usually locked out, and only mpv will be able to output audio",
+        "audioPlayer": "audio player",
+        "audioPlayer_description": "select the audio player to use for playback",
+        "buttonSize": "player bar button size",
+        "buttonSize_description": "the size of the player bar buttons",
+        "clearCache": "clear browser cache",
+        "clearCache_description": "a 'hard clear' of feishin. in addition to clearing feishin's cache, empty the browser cache (saved images and other assets). server credentials and settings are preserved",
+        "clearQueryCache": "clear feishin cache",
+        "clearQueryCache_description": "a 'soft clear' of feishin. this will refresh playlists, track metadata, and reset saved lyrics. settings, server credentials and cached images are preserved",
+        "clearCacheSuccess": "cache cleared successfully",
+        "crossfadeDuration": "crossfade duration",
+        "crossfadeDuration_description": "sets the duration of the crossfade effect",
+        "crossfadeStyle": "crossfade style",
+        "crossfadeStyle_description": "select the crossfade style to use for the audio player",
+        "customFontPath": "custom font path",
+        "customFontPath_description": "sets the path to the custom font to use for the application",
+        "disableAutomaticUpdates": "disable automatic updates",
+        "disableLibraryUpdateOnStartup": "disable checking for new versions on startup",
+        "discordApplicationId": "{{discord}} application id",
+        "discordApplicationId_description": "the application id for {{discord}} rich presence (defaults to {{defaultId}})",
+        "discordIdleStatus": "show rich presence idle status",
+        "discordIdleStatus_description": "when enabled, update status while player is idle",
+        "discordRichPresence": "{{discord}} rich presence",
+        "discordRichPresence_description": "enable playback status in {{discord}} rich presence. Image keys are: {{icon}}, {{playing}}, and {{paused}} ",
+        "discordUpdateInterval": "{{discord}} rich presence update interval",
+        "discordUpdateInterval_description": "the time in seconds between each update (minimum 15 seconds)",
+        "enableRemote": "enable remote control server",
+        "enableRemote_description": "enables the remote control server to allow other devices to control the application",
+        "externalLinks": "show external links",
+        "externalLinks_description": "enables showing external links (Last.fm, MusicBrainz) on artist/album pages",
+        "exitToTray": "exit to tray",
+        "exitToTray_description": "exit the application to the system tray",
+        "floatingQueueArea": "show floating queue hover area",
+        "floatingQueueArea_description": "display a hover icon on the right side of the screen to view the play queue",
+        "followLyric": "follow current lyric",
+        "followLyric_description": "scroll the lyric to the current playing position",
+        "font": "font",
+        "font_description": "sets the font to use for the application",
+        "fontType": "font type",
+        "fontType_description": "built-in font selects one of the fonts provided by Feishin. system font allows you to select any font provided by your operating system. custom allows you to provide your own font",
+        "fontType_optionBuiltIn": "built-in font",
+        "fontType_optionCustom": "custom font",
+        "fontType_optionSystem": "system font",
+        "gaplessAudio": "gapless audio",
+        "gaplessAudio_description": "sets the gapless audio setting for mpv",
+        "gaplessAudio_optionWeak": "weak (recommended)",
+        "globalMediaHotkeys": "global media hotkeys",
+        "globalMediaHotkeys_description": "enable or disable the usage of your system media hotkeys to control playback",
+        "homeConfiguration": "home page configuration",
+        "homeConfiguration_description": "configure what items are shown, and in what order, on the home page",
+        "hotkey_browserBack": "browser back",
+        "hotkey_browserForward": "browser forward",
+        "hotkey_favoriteCurrentSong": "favorite $t(common.currentSong)",
+        "hotkey_favoritePreviousSong": "favorite $t(common.previousSong)",
+        "hotkey_globalSearch": "global search",
+        "hotkey_localSearch": "in-page search",
+        "hotkey_playbackNext": "next track",
+        "hotkey_playbackPause": "pause",
+        "hotkey_playbackPlay": "play",
+        "hotkey_playbackPlayPause": "play / pause",
+        "hotkey_playbackPrevious": "previous track",
+        "hotkey_playbackStop": "stop",
+        "hotkey_rate0": "rating clear",
+        "hotkey_rate1": "rating 1 star",
+        "hotkey_rate2": "rating 2 stars",
+        "hotkey_rate3": "rating 3 stars",
+        "hotkey_rate4": "rating 4 stars",
+        "hotkey_rate5": "rating 5 stars",
+        "hotkey_skipBackward": "skip backward",
+        "hotkey_skipForward": "skip forward",
+        "hotkey_toggleCurrentSongFavorite": "toggle $t(common.currentSong) favorite",
+        "hotkey_toggleFullScreenPlayer": "toggle full screen player",
+        "hotkey_togglePreviousSongFavorite": "toggle $t(common.previousSong) favorite",
+        "hotkey_toggleQueue": "toggle queue",
+        "hotkey_toggleRepeat": "toggle repeat",
+        "hotkey_toggleShuffle": "toggle shuffle",
+        "hotkey_unfavoriteCurrentSong": "unfavorite $t(common.currentSong)",
+        "hotkey_unfavoritePreviousSong": "unfavorite $t(common.previousSong)",
+        "hotkey_volumeDown": "volume down",
+        "hotkey_volumeMute": "volume mute",
+        "hotkey_volumeUp": "volume up",
+        "hotkey_zoomIn": "zoom in",
+        "hotkey_zoomOut": "zoom out",
+        "language": "language",
+        "language_description": "sets the language for the application ($t(common.restartRequired))",
+        "lyricFetch": "fetch lyrics from the internet",
+        "lyricFetch_description": "fetch lyrics from various internet sources",
+        "lyricFetchProvider": "providers to fetch lyrics from",
+        "lyricFetchProvider_description": "select the providers to fetch lyrics from. the order of the providers is the order in which they will be queried",
+        "lyricOffset": "lyric offset (ms)",
+        "lyricOffset_description": "offset the lyric by the specified amount of milliseconds",
+        "minimizeToTray": "minimize to tray",
+        "minimizeToTray_description": "minimize the application to the system tray",
+        "minimumScrobblePercentage": "minimum scrobble duration (percentage)",
+        "minimumScrobblePercentage_description": "the minimum percentage of the song that must be played before it is scrobbled",
+        "minimumScrobbleSeconds": "minimum scrobble (seconds)",
+        "minimumScrobbleSeconds_description": "the minimum duration in seconds of the song that must be played before it is scrobbled",
+        "mpvExecutablePath": "mpv executable path",
+        "mpvExecutablePath_description": "sets the path to the mpv executable. if left empty, the default path will be used",
+        "mpvExtraParameters": "mpv parameters",
+        "mpvExtraParameters_help": "one per line",
+        "passwordStore": "passwords/secret store",
+        "passwordStore_description": "what password/secret store to use. change this if you are having issues storing passwords.",
+        "playbackStyle": "playback style",
+        "playbackStyle_description": "select the playback style to use for the audio player",
+        "playbackStyle_optionCrossFade": "crossfade",
+        "playbackStyle_optionNormal": "normal",
+        "playButtonBehavior": "play button behavior",
+        "playButtonBehavior_description": "sets the default behavior of the play button when adding songs to the queue",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "playerAlbumArtResolution": "player album art resolution",
+        "playerAlbumArtResolution_description": "the resolution for the large player's album art preview. larger makes it look more crisp, but may slow loading down. defaults to 0, meaning auto",
+        "remotePassword": "remote control server password",
+        "remotePassword_description": "sets the password for the remote control server. These credentials are by default transferred insecurely, so you should use a unique password that you do not care about",
+        "remotePort": "remote control server port",
+        "remotePort_description": "sets the port for the remote control server",
+        "remoteUsername": "remote control server username",
+        "remoteUsername_description": "sets the username for the remote control server. if both username and password are empty, authentication will be disabled",
+        "replayGainClipping": "{{ReplayGain}} clipping",
+        "replayGainClipping_description": "Prevent clipping caused by {{ReplayGain}} by automatically lowering the gain",
+        "replayGainFallback": "{{ReplayGain}} fallback",
+        "replayGainFallback_description": "gain in db to apply if the file has no {{ReplayGain}} tags",
+        "replayGainMode": "{{ReplayGain}} mode",
+        "replayGainMode_description": "adjust volume gain according to {{ReplayGain}} values stored in the file metadata",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "replayGainPreamp": "{{ReplayGain}} preamp (dB)",
+        "replayGainPreamp_description": "adjust the preamp gain applied to the {{ReplayGain}} values",
+        "sampleRate": "sample rate",
+        "sampleRate_description": "select the output sample rate to be used if the sample frequency selected is different from that of the current media. a value less than 8000 will use the default frequency",
+        "savePlayQueue": "save play queue",
+        "savePlayQueue_description": "save the play queue when the application is closed and restore it when the application is opened",
+        "scrobble": "scrobble",
+        "scrobble_description": "scrobble plays to your media server",
+        "showSkipButton": "show skip buttons",
+        "showSkipButton_description": "show or hide the skip buttons on the player bar",
+        "showSkipButtons": "show skip buttons",
+        "showSkipButtons_description": "show or hide the skip buttons on the player bar",
+        "sidebarCollapsedNavigation": "sidebar (collapsed) navigation",
+        "sidebarCollapsedNavigation_description": "show or hide the navigation in the collapsed sidebar",
+        "sidebarConfiguration": "sidebar configuration",
+        "sidebarConfiguration_description": "select the items and order in which they appear in the sidebar",
+        "sidebarPlaylistList": "sidebar playlist list",
+        "sidebarPlaylistList_description": "show or hide the playlist list in the sidebar",
+        "sidePlayQueueStyle": "side play queue style",
+        "sidePlayQueueStyle_description": "sets the style of the side play queue",
+        "sidePlayQueueStyle_optionAttached": "attached",
+        "sidePlayQueueStyle_optionDetached": "detached",
+        "skipDuration": "skip duration",
+        "skipDuration_description": "sets the duration to skip when using the skip buttons on the player bar",
+        "skipPlaylistPage": "skip playlist page",
+        "skipPlaylistPage_description": "when navigating to a playlist, go to the playlist song list page instead of the default page",
+        "startMinimized": "start minimized",
+        "startMinimized_description": "start the application in system tray",
+        "theme": "theme",
+        "theme_description": "sets the theme to use for the application",
+        "themeDark": "theme (dark)",
+        "themeDark_description": "sets the dark theme to use for the application",
+        "themeLight": "theme (light)",
+        "themeLight_description": "sets the light theme to use for the application",
+        "useSystemTheme": "use system theme",
+        "useSystemTheme_description": "follow the system-defined light or dark preference",
+        "volumeWheelStep": "volume wheel step",
+        "volumeWheelStep_description": "the amount of volume to change when scrolling the mouse wheel on the volume slider",
+        "windowBarStyle": "window bar style",
+        "windowBarStyle_description": "select the style of the window bar",
+        "zoom": "zoom percentage",
+        "zoom_description": "sets the zoom percentage for the application"
+    },
+    "table": {
+        "column": {
+            "album": "album",
+            "albumArtist": "album artist",
+            "albumCount": "$t(entity.album_other)",
+            "artist": "$t(entity.artist_one)",
+            "biography": "biography",
+            "bitrate": "bitrate",
+            "bpm": "bpm",
+            "channels": "$t(common.channel_other)",
+            "codec": "$t(common.codec)",
+            "comment": "comment",
+            "dateAdded": "date added",
+            "discNumber": "disc",
+            "favorite": "favorite",
+            "genre": "$t(entity.genre_one)",
+            "lastPlayed": "last played",
+            "path": "path",
+            "playCount": "plays",
+            "rating": "rating",
+            "releaseDate": "release date",
+            "releaseYear": "year",
+            "songCount": "$t(entity.track_other)",
+            "title": "title",
+            "trackNumber": "track"
+        },
+        "config": {
+            "general": {
+                "autoFitColumns": "auto fit columns",
+                "displayType": "display type",
+                "gap": "$t(common.gap)",
+                "itemGap": "item gap (px)",
+                "itemSize": "item size (px)",
+                "size": "$t(common.size)",
+                "tableColumns": "table columns"
+            },
+            "label": {
+                "actions": "$t(common.action_other)",
+                "album": "$t(entity.album_one)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "artist": "$t(entity.artist_one)",
+                "biography": "$t(common.biography)",
+                "bitrate": "$t(common.bitrate)",
+                "bpm": "$t(common.bpm)",
+                "channels": "$t(common.channel_other)",
+                "codec": "$t(common.codec)",
+                "dateAdded": "date added",
+                "discNumber": "disc number",
+                "duration": "$t(common.duration)",
+                "favorite": "$t(common.favorite)",
+                "genre": "$t(entity.genre_one)",
+                "lastPlayed": "last played",
+                "note": "$t(common.note)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "playCount": "play count",
+                "rating": "$t(common.rating)",
+                "releaseDate": "release date",
+                "rowIndex": "row index",
+                "size": "$t(common.size)",
+                "title": "$t(common.title)",
+                "titleCombined": "$t(common.title) (combined)",
+                "trackNumber": "track number",
+                "year": "$t(common.year)"
+            },
+            "view": {
+                "card": "card",
+                "poster": "poster",
+                "table": "table"
+            }
+        }
+    }
 }
diff --git a/src/i18n/locales/es.json b/src/i18n/locales/es.json
new file mode 100644
index 000000000..e7a4b6685
--- /dev/null
+++ b/src/i18n/locales/es.json
@@ -0,0 +1,632 @@
+{
+    "player": {
+        "repeat_all": "repetir todo",
+        "stop": "detener",
+        "repeat": "repetir",
+        "queue_remove": "eliminar seleccionado",
+        "playRandom": "reproducción aleatoria",
+        "skip": "saltar",
+        "previous": "anterior",
+        "toggleFullscreenPlayer": "activar el reproductor a pantalla completa",
+        "skip_back": "saltar hacia atrás",
+        "favorite": "favorito",
+        "next": "siguiente",
+        "shuffle": "mezclar",
+        "playbackFetchNoResults": "ninguna canción encontrada",
+        "playbackFetchInProgress": "cargando canciones…",
+        "addNext": "añadir siguiente",
+        "playbackSpeed": "velocidad de reproducción",
+        "playbackFetchCancel": "esto está tomando un tiempo... cierra la notificación para cancelar",
+        "play": "reproducir",
+        "repeat_off": "repetir desactivado",
+        "queue_clear": "limpiar cola",
+        "muted": "silenciado",
+        "unfavorite": "no favorito",
+        "queue_moveToTop": "mover seleccionado al fondo",
+        "queue_moveToBottom": "mover seleccionado al principio",
+        "shuffle_off": "mezclar desactivado",
+        "addLast": "añadir último",
+        "mute": "silencio",
+        "skip_forward": "saltar hacia delante",
+        "pause": "pausa"
+    },
+    "setting": {
+        "crossfadeStyle_description": "selecciona el estilo de crossfade a usar por el reproductor de audio",
+        "remotePort_description": "establece el puerto para el control remoto del servidor",
+        "hotkey_skipBackward": "saltar hacia atrás",
+        "replayGainMode_description": "ajusta el volumen de ganancia acorde a los valores de {{ReplayGain}} almacenados en los metadatos del archivo",
+        "audioDevice_description": "selecciona el dispositivo de audio para usar en la reproducción (solo reproductor web)",
+        "theme_description": "establece el tema a usar por la aplicación",
+        "hotkey_playbackPause": "pausa",
+        "replayGainFallback": "{{ReplayGain}} alternativa",
+        "sidebarCollapsedNavigation_description": "mostrar u ocultar la navegación en la barra lateral contraída",
+        "mpvExecutablePath_help": "uno por línea",
+        "hotkey_volumeUp": "subir volumen",
+        "skipDuration": "duración de salto",
+        "discordIdleStatus_description": "cuando se activa, actualiza el estado mientras el reproductor está inactivo",
+        "showSkipButtons": "mostrar botones de saltar",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "mínima duración de scrobble (porcentaje)",
+        "lyricFetch": "busca letras en Internet",
+        "scrobble": "scrobble",
+        "skipDuration_description": "establece la duración a saltar cuando se usa los botones de saltar en la barra del reproductor",
+        "enableRemote_description": "activa el control remoto del servidor para permitir a otros dispositivos controlar la aplicación",
+        "fontType_optionSystem": "fuente del sistema",
+        "mpvExecutablePath_description": "establece la ruta del ejecutable mpv",
+        "replayGainClipping_description": "previene el recorte causado por {{ReplayGain}} bajando automáticamente la ganancia",
+        "replayGainPreamp": "preamplificador (dB) de {{ReplayGain}}",
+        "hotkey_favoriteCurrentSong": "$t(common.currentSong) favorita",
+        "sampleRate": "ratio de muestreo",
+        "crossfadeStyle": "estilo de crossfade",
+        "sidePlayQueueStyle_optionAttached": "acoplada",
+        "sidebarConfiguration": "configuración de la barra lateral",
+        "sampleRate_description": "selecciona el ratio de muestreo de salida a ser usado si la frecuencia de muestreo seleccionada es diferente de la del medio actual",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainClipping": "recortar {{ReplayGain}}",
+        "hotkey_zoomIn": "ampliar",
+        "scrobble_description": "hace scrobble de las reproducciones en tu servidor de medios",
+        "audioExclusiveMode_description": "activa el modo de audio exclusivo. En este modo, el sistema es normalmente bloqueado, y solo se permitirá mpv en la salida de audio",
+        "discordUpdateInterval": "intervalo de actualización del estado de actividad de {{discord}}",
+        "themeLight": "tema (luminoso)",
+        "fontType_optionBuiltIn": "fuente incorporada",
+        "hotkey_playbackPlayPause": "play / pausa",
+        "hotkey_rate1": "calificar con 1 estrella",
+        "hotkey_skipForward": "saltar hacia delante",
+        "disableLibraryUpdateOnStartup": "desactiva la comprobación de nuevas versiones al inicio",
+        "discordApplicationId_description": "el id de aplicación para el estado de actividad de {{discord}} (por defecto es {{defaultId}})",
+        "sidePlayQueueStyle": "estilo de la cola de reproducción lateral",
+        "gaplessAudio": "audio sin pausas",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "minimizeToTray_description": "minimiza la aplicación a la bandeja del sistema",
+        "hotkey_playbackPlay": "reproducir",
+        "hotkey_togglePreviousSongFavorite": "cambia $t(common.previousSong) a favorito",
+        "hotkey_volumeDown": "bajar volumen",
+        "hotkey_unfavoritePreviousSong": "$t(common.previousSong) no favorito",
+        "audioPlayer_description": "selecciona el reproductor de audio a usar en la reproducción",
+        "globalMediaHotkeys": "teclas de acceso rápido globales a medios",
+        "hotkey_globalSearch": "búsqueda global",
+        "gaplessAudio_description": "establece la configuración de audio sin pausas para mpv",
+        "remoteUsername_description": "establece el nombre de usuario para el control remoto del servidor. si el usuario y la contraseña están vacíos, la autenticación será deshabilitada",
+        "disableAutomaticUpdates": "desactiva las actualizaciones automáticas",
+        "exitToTray_description": "sale de la aplicación a la bandeja del sistema",
+        "followLyric_description": "desplaza la letra a la posición de reproducción actual",
+        "hotkey_favoritePreviousSong": "$t(common.previousSong) favorita",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "desfase de letra (ms)",
+        "discordUpdateInterval_description": "el tiempo en segundos entre cada actualización (mínimo 15 segundos)",
+        "fontType_optionCustom": "fuente personalizada",
+        "themeDark_description": "establece el tema oscuro a usar por la aplicación",
+        "audioExclusiveMode": "modo de audio exclusivo",
+        "remotePassword": "contraseña del control remoto del servidor",
+        "lyricFetchProvider": "proveedores para buscar letras",
+        "language_description": "establece el idioma de la aplicación ($t(common.restartRequired))",
+        "playbackStyle_optionCrossFade": "crossfade",
+        "hotkey_rate3": "calificar con 3 estrellas",
+        "font": "fuente",
+        "mpvExtraParameters": "parámetros de mpv",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "establece el tema luminoso a usar por la aplicación",
+        "hotkey_toggleFullScreenPlayer": "cambia el reproductor a pantalla completa",
+        "hotkey_localSearch": "búsqueda en la página",
+        "hotkey_toggleQueue": "cambia la cola",
+        "remotePassword_description": "establece la contraseña para el control remoto del servidor. Esas credenciales son transferidas de forma insegura por defecto, por lo que deberías usar una contraseña única para que no tengas nada de qué preocuparte",
+        "hotkey_rate5": "calificar con 5 estrellas",
+        "hotkey_playbackPrevious": "pista anterior",
+        "showSkipButtons_description": "muestra o esconde los botones de saltar en la barra del reproductor",
+        "crossfadeDuration_description": "establece la duración del efecto de crossfade",
+        "language": "idioma",
+        "playbackStyle": "estilo de reproducción",
+        "hotkey_toggleShuffle": "alterna aleatorio",
+        "theme": "tema",
+        "playbackStyle_description": "selecciona el estilo de reproducción a usar por el reproductor de audio",
+        "discordRichPresence_description": "activa el estado de reproducción en el estado de actividad de {{discord}}. Las teclas de imagen son: {{icon}}, {{playing}}, y {{paused}} ",
+        "mpvExecutablePath": "ruta del ejecutable mpv",
+        "audioDevice": "dispositivo de audio",
+        "hotkey_rate2": "calificar con 2 estrellas",
+        "playButtonBehavior_description": "establece el comportamiento por defecto del botón de reproducción cuando se añaden canciones a la cola",
+        "minimumScrobblePercentage_description": "el porcentaje mínimo de la canción que debe ser reproducido antes de hacer scrobble",
+        "exitToTray": "salida a bandeja",
+        "hotkey_rate4": "calificar con 4 estrellas",
+        "enableRemote": "activar control remoto del servidor",
+        "showSkipButton_description": "muestra o esconde los botones de saltar en la barra del reproductor",
+        "savePlayQueue": "guardar cola de reproducción",
+        "minimumScrobbleSeconds_description": "la duración mínima en segundos de la canción que debe ser reproducida antes de hacer scrobble",
+        "fontType_description": "fuente incorporada selecciona una de las fuentes proporcionadas por Feishin. fuente del sistema te permite seleccionar cualquier fuente proporcionada por tu sistema operativo. personalizada te permite proporcionar tu propia fuente",
+        "playButtonBehavior": "comportamiento del botón de reproducción",
+        "sidebarPlaylistList_description": "muestra o esconde las listas de reproducción en la barra lateral",
+        "sidePlayQueueStyle_description": "establece el estilo de la cola de reproducción lateral",
+        "replayGainMode": "modo de {{ReplayGain}}",
+        "playbackStyle_optionNormal": "normal",
+        "floatingQueueArea": "mostrar área flotante de cola",
+        "replayGainFallback_description": "ganancia en db a aplicar si el archivo no tiene etiquetas de {{ReplayGain}}",
+        "replayGainPreamp_description": "ajusta la ganancia del preamplificador aplicada a los valores de {{ReplayGain}}",
+        "hotkey_toggleRepeat": "alterna repetir",
+        "lyricOffset_description": "desfasa la letra por la cantidad de milisegundos especificada",
+        "sidebarConfiguration_description": "selecciona los elementos y el orden en que aparecerán en la barra lateral",
+        "fontType": "tipo de fuente",
+        "remotePort": "puerto del control remoto del servidor",
+        "applicationHotkeys": "teclas de acceso rápido de la aplicación",
+        "hotkey_playbackNext": "pista siguiente",
+        "useSystemTheme_description": "sigue la preferencia luminosa u oscura definida por el sistema",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "busca letras en varias fuentes de Internet",
+        "lyricFetchProvider_description": "selecciona los proveedores para buscar letras. el orden de los proveedores es el orden en el que se consultarán",
+        "globalMediaHotkeys_description": "activa o desactiva el uso de las teclas de acceso rápidas del sistema a medios para controlar la reproducción",
+        "customFontPath": "ruta de fuente personalizada",
+        "followLyric": "seguir la letra actual",
+        "crossfadeDuration": "duración del crossfade",
+        "discordIdleStatus": "mostrar el estado inactivo en el estado de actividad",
+        "sidePlayQueueStyle_optionDetached": "separada",
+        "audioPlayer": "reproductor de audio",
+        "hotkey_zoomOut": "reducir",
+        "hotkey_unfavoriteCurrentSong": "$t(common.currentSong) no favorito",
+        "hotkey_rate0": "limpiar calificación",
+        "discordApplicationId": "id de aplicación {{discord}}",
+        "applicationHotkeys_description": "configura las teclas de acceso rápido de la aplicación. marca la casilla para establecerlas como teclas de acceso rápido globales (solo escritorio)",
+        "floatingQueueArea_description": "muestra un icono flotante en el lado derecho de la pantalla para ver la cola de reproducción",
+        "hotkey_volumeMute": "silenciar volumen",
+        "hotkey_toggleCurrentSongFavorite": "cambia $t(common.currentSong) a favorito",
+        "remoteUsername": "nombre de usuario del control remoto del servidor",
+        "showSkipButton": "mostrar botones de saltar",
+        "sidebarPlaylistList": "listas de reproducción de la barra lateral",
+        "minimizeToTray": "minimizar a la bandeja",
+        "themeDark": "tema (oscuro)",
+        "sidebarCollapsedNavigation": "navegación de barra lateral (contraída)",
+        "customFontPath_description": "establece la ruta de la fuente personalizada a usar por la aplicación",
+        "gaplessAudio_optionWeak": "débil (recomendado)",
+        "minimumScrobbleSeconds": "mínimo scrobble (segundos)",
+        "hotkey_playbackStop": "parar",
+        "discordRichPresence": "estado de actividad de {{discord}}",
+        "font_description": "establece la fuente a usar por la aplicación",
+        "savePlayQueue_description": "guarda la cola de reproducción cuando se cierra la aplicación y la restaura cuando se abre",
+        "useSystemTheme": "usar tema del sistema",
+        "volumeWheelStep_description": "la cantidad de volumen a cambiar cuando se desplaza la rueda del ratón en el control deslizante del volumen",
+        "zoom": "porcentaje de zoom",
+        "zoom_description": "establece el porcentaje de zoom de la aplicación",
+        "volumeWheelStep": "paso de rueda del volumen",
+        "windowBarStyle": "estilo de la barra de ventana",
+        "windowBarStyle_description": "selecciona el estilo de la barra de ventana",
+        "skipPlaylistPage_description": "cuando se navega a una lista de reproducción, se va a la página de lista de canciones de la lista de reproducción en lugar de a la página por defecto",
+        "accentColor": "color de realce",
+        "accentColor_description": "establece el color de realce de la aplicación",
+        "skipPlaylistPage": "saltar página de lista de reproducción",
+        "hotkey_browserForward": "avance",
+        "hotkey_browserBack": "retroceso"
+    },
+    "action": {
+        "editPlaylist": "editar $t(entity.playlist_one)",
+        "goToPage": "ir a la página",
+        "moveToTop": "mover al principio",
+        "clearQueue": "limpiar cola",
+        "addToFavorites": "añadir a $t(entity.favorite_other)",
+        "addToPlaylist": "añadir a $t(entity.playlist_one)",
+        "createPlaylist": "crear $t(entity.playlist_one)",
+        "removeFromPlaylist": "eliminar de $t(entity.playlist_one)",
+        "viewPlaylists": "ver $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "eliminar $t(entity.playlist_one)",
+        "removeFromQueue": "eliminar de la cola",
+        "deselectAll": "desmarcar todo",
+        "moveToBottom": "mover al fondo",
+        "setRating": "establecer calificación",
+        "toggleSmartPlaylistEditor": "cambiar editor $t(entity.smartPlaylist)",
+        "removeFromFavorites": "eliminar de $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "hacia atrás",
+        "increase": "aumentar",
+        "rating": "calificación",
+        "bpm": "bpm",
+        "refresh": "actualizar",
+        "unknown": "desconocido",
+        "areYouSure": "estás seguro?",
+        "edit": "editar",
+        "favorite": "favorito",
+        "left": "izquierda",
+        "save": "guardar",
+        "right": "derecha",
+        "currentSong": "actual $t(entity.track_one)",
+        "collapse": "contraer",
+        "trackNumber": "pista",
+        "descending": "descendiente",
+        "add": "añadir",
+        "ascending": "ascendente",
+        "dismiss": "descartar",
+        "year": "año",
+        "manage": "gestionar",
+        "limit": "limitar",
+        "minimize": "minimizar",
+        "modified": "modificado",
+        "duration": "duración",
+        "name": "nombre",
+        "maximize": "maximizar",
+        "decrease": "reducir",
+        "ok": "vale",
+        "description": "descripción",
+        "configure": "configurar",
+        "path": "ruta",
+        "center": "centrar",
+        "no": "no",
+        "owner": "propietario",
+        "enable": "activar",
+        "clear": "limpiar",
+        "forward": "hacia delante",
+        "delete": "eliminar",
+        "cancel": "cancelar",
+        "forceRestartRequired": "reiniciar para aplicar cambios... cerrar la notificación para reiniciar",
+        "setting": "configuración",
+        "version": "versión",
+        "title": "título",
+        "filters": "filtros",
+        "create": "crear",
+        "bitrate": "tasa de bits",
+        "saveAndReplace": "guardar y reemplazar",
+        "playerMustBePaused": "el reproductor debe pausarse",
+        "confirm": "confirmar",
+        "resetToDefault": "restablecer a valor por defecto",
+        "home": "inicio",
+        "comingSoon": "próximamente…",
+        "reset": "restablecer",
+        "disable": "desactivar",
+        "sortOrder": "ordenar",
+        "none": "ninguno",
+        "menu": "menú",
+        "restartRequired": "reinicio requerido",
+        "previousSong": "anterior $t(entity.track_one)",
+        "noResultsFromQuery": "la petición no devolvió resultados",
+        "quit": "salir",
+        "expand": "ampliar",
+        "search": "buscar",
+        "saveAs": "guardar como",
+        "disc": "disco",
+        "yes": "sí",
+        "random": "aleatorio",
+        "size": "tamaño",
+        "biography": "biografía",
+        "note": "nota",
+        "gap": "desfase",
+        "filter_one": "filtro",
+        "filter_many": "filtros",
+        "filter_other": "filtros",
+        "action_one": "acción",
+        "action_many": "acciones",
+        "action_other": "acciones",
+        "channel_one": "Canal",
+        "channel_many": "Canales",
+        "channel_other": "Canales"
+    },
+    "error": {
+        "remotePortWarning": "reiniciar el servidor para aplicar el nuevo puerto",
+        "systemFontError": "un error ocurrió cuando se intentó obtener las fuentes del sistema",
+        "playbackError": "un error ocurrió cuando se intentó reproducir el medio",
+        "endpointNotImplementedError": "el punto final {{endpoint}} no está implementado para {{serverType}}",
+        "remotePortError": "un error ocurrió cuando se intentó establecer el puerto del servidor remoto",
+        "serverRequired": "servidor requerido",
+        "authenticationFailed": "autenticación fallida",
+        "apiRouteError": "no se puede encaminar la solicitud",
+        "genericError": "sucedió un error",
+        "credentialsRequired": "credenciales requeridas",
+        "sessionExpiredError": "tu sesión ha expirado",
+        "remoteEnableError": "un error ocurrió cuando se intentó $t(common.enable) el servidor remoto",
+        "localFontAccessDenied": "acceso denegado a las fuentes locales",
+        "serverNotSelectedError": "ningún servidor seleccionado",
+        "remoteDisableError": "un error ocurrió cuando se intentó $t(common.disable) el servidor remoto",
+        "mpvRequired": "MPV requerido",
+        "audioDeviceFetchError": "un error ocurrió cuando se intentó obtener los dispositivos de audio",
+        "invalidServer": "servidor inválido",
+        "loginRateError": "demasiados intentos de inicio de sesión, por favor inténtalo en unos segundos"
+    },
+    "filter": {
+        "mostPlayed": "más reproducido",
+        "isCompilation": "es compilación",
+        "recentlyPlayed": "recientemente reproducido",
+        "isRated": "es clasificado",
+        "title": "título",
+        "rating": "calificación",
+        "search": "buscar",
+        "bitrate": "tasa de bits",
+        "recentlyAdded": "recientemente añadido",
+        "note": "nota",
+        "name": "nombre",
+        "dateAdded": "fecha añadida",
+        "releaseDate": "fecha de lanzamiento",
+        "communityRating": "calificación de la comunidad",
+        "path": "ruta",
+        "favorited": "favoritos",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "reproducido recientemente",
+        "isFavorited": "es favorito",
+        "bpm": "bpm",
+        "releaseYear": "año de lanzamiento",
+        "disc": "disco",
+        "biography": "biografía",
+        "artist": "$t(entity.artist_one)",
+        "duration": "duración",
+        "random": "aleatorio",
+        "lastPlayed": "última reproducción",
+        "toYear": "hasta el año",
+        "fromYear": "desde el año",
+        "criticRating": "calificación de la crítica",
+        "trackNumber": "pista",
+        "comment": "comentarios",
+        "playCount": "número de reproducción",
+        "recentlyUpdated": "actualizado recientemente",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "id": "id",
+        "songCount": "número de canción",
+        "isPublic": "es público",
+        "album": "$t(entity.album_one)",
+        "albumCount": "Contar $t(entity.album_other)"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "en reproducción",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "appMenu": {
+            "selectServer": "seleccionar servidor",
+            "version": "versión {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "gestionar servidores",
+            "expandSidebar": "ampliar barra lateral",
+            "collapseSidebar": "contraer barra lateral",
+            "openBrowserDevtools": "abrir herramientas de desarrollador del navegador",
+            "quit": "$t(common.quit)",
+            "goBack": "retroceder",
+            "goForward": "avanzar"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} seleccionado",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "más reproducidos",
+            "newlyAdded": "nuevos lanzamientos añadidos",
+            "title": "$t(common.home)",
+            "explore": "explorar desde tu biblioteca",
+            "recentlyPlayed": "recientemente reproducidos"
+        },
+        "fullscreenPlayer": {
+            "upNext": "siguiente",
+            "config": {
+                "dynamicBackground": "fondo dinámico",
+                "synchronized": "sincronizado",
+                "followCurrentLyric": "seguir la letra actual",
+                "opacity": "opacidad",
+                "lyricSize": "tamaño de letra",
+                "showLyricProvider": "mostrar proveedor de letra",
+                "unsynchronized": "no sincronizado",
+                "lyricAlignment": "alineación de letra",
+                "useImageAspectRatio": "usar ratio de aspecto de imagen",
+                "showLyricMatch": "mostrar coincidencia de letras",
+                "lyricGap": "desfase de letra"
+            },
+            "lyrics": "letras",
+            "related": "relacionado"
+        },
+        "albumDetail": {
+            "moreFromArtist": "más de este $t(entity.artist_one)",
+            "moreFromGeneric": "más de {{item}}"
+        },
+        "setting": {
+            "playbackTab": "reproducción",
+            "generalTab": "general",
+            "hotkeysTab": "teclas de acceso rápido",
+            "windowTab": "ventana"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "comandos del servidor",
+                "goToPage": "ir a la página",
+                "searchFor": "buscar por {{query}}"
+            },
+            "title": "comandos"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "eliminar $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) eliminado correctamente",
+            "input_confirm": "escribe el nombre de $t(entity.playlist_one) para confirmar"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "crear $t(entity.playlist_one)",
+            "input_public": "público",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) creado correctamente",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "añadir servidor",
+            "input_username": "nombre de usuario",
+            "input_url": "url",
+            "input_password": "contraseña",
+            "input_legacyAuthentication": "permitir autenticación heredada",
+            "input_name": "nombre del servidor",
+            "success": "servidor añadido correctamente",
+            "input_savePassword": "guardar contraseña",
+            "ignoreSsl": "ignorar ssl ($t(common.restartRequired))",
+            "ignoreCors": "ignorar cors ($t(common.restartRequired))",
+            "error_savePassword": "un error ocurrió cuando se intentó guardar la contraseña"
+        },
+        "addToPlaylist": {
+            "success": "añadido {{message}} $t(entity.track_other) a {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "añadir a $t(entity.playlist_one)",
+            "input_skipDuplicates": "saltar duplicados",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "actualizar servidor",
+            "success": "servidor actualizado correctamente"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "buscar letras"
+        },
+        "editPlaylist": {
+            "title": "editar $t(entity.playlist_one)"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "coincidir todos",
+            "input_optionMatchAny": "coincidir cualquiera"
+        }
+    },
+    "table": {
+        "column": {
+            "rating": "calificación",
+            "comment": "comentarios",
+            "album": "álbum",
+            "favorite": "favorito",
+            "playCount": "reproducciones",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "año",
+            "lastPlayed": "última reproducción",
+            "biography": "biografía",
+            "releaseDate": "fecha de lanzamiento",
+            "bitrate": "tasa de bits",
+            "title": "título",
+            "bpm": "bpm",
+            "dateAdded": "fecha de adición",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "pista",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "artista de álbum",
+            "path": "ruta",
+            "discNumber": "disco",
+            "channels": "$t(common.channel_other)"
+        },
+        "config": {
+            "label": {
+                "rating": "$t(common.rating)",
+                "dateAdded": "fecha de adición",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "última reproducción",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "biography": "$t(common.biography)",
+                "channels": "$t(common.channel_other)",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "discNumber": "número de disco",
+                "releaseDate": "fecha de lanzamiento",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (combinado)",
+                "size": "$t(common.size)",
+                "trackNumber": "número de pista",
+                "rowIndex": "índice de filas",
+                "note": "$t(common.note)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "playCount": "número de reproducción",
+                "genre": "$t(entity.genre_one)",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)"
+            },
+            "general": {
+                "gap": "$t(common.gap)",
+                "tableColumns": "columnas de la tabla",
+                "autoFitColumns": "ajuste automático de columnas",
+                "size": "$t(common.size)",
+                "displayType": "tipo de visualización"
+            },
+            "view": {
+                "card": "tarjeta",
+                "table": "tabla",
+                "poster": "cartel"
+            }
+        }
+    },
+    "entity": {
+        "smartPlaylist": "$t(entity.playlist_one) inteligente",
+        "genre_one": "género",
+        "genre_many": "géneros",
+        "genre_other": "géneros",
+        "playlistWithCount_one": "{{count}} lista de reproducción",
+        "playlistWithCount_many": "{{count}} listas de reproducción",
+        "playlistWithCount_other": "{{count}} listas de reproducción",
+        "playlist_one": "lista de reproducción",
+        "playlist_many": "listas de reproducción",
+        "playlist_other": "listas de reproducción",
+        "artist_one": "artista",
+        "artist_many": "artistas",
+        "artist_other": "artistas",
+        "folderWithCount_one": "{{count}} carpeta",
+        "folderWithCount_many": "{{count}} carpetas",
+        "folderWithCount_other": "{{count}} carpetas",
+        "albumArtist_one": "artista de álbum",
+        "albumArtist_many": "artistas de álbum",
+        "albumArtist_other": "artistas de álbum",
+        "track_one": "pista",
+        "track_many": "pistas",
+        "track_other": "pistas",
+        "albumArtistCount_one": "{{count}} artista de álbum",
+        "albumArtistCount_many": "{{count}} artistas de álbum",
+        "albumArtistCount_other": "{{count}} artistas de álbum",
+        "albumWithCount_one": "{{count}} álbum",
+        "albumWithCount_many": "{{count}} álbumes",
+        "albumWithCount_other": "{{count}} álbumes",
+        "favorite_one": "favorito",
+        "favorite_many": "favoritos",
+        "favorite_other": "favoritos",
+        "artistWithCount_one": "{{count}} artista",
+        "artistWithCount_many": "{{count}} artistas",
+        "artistWithCount_other": "{{count}} artistas",
+        "folder_one": "carpeta",
+        "folder_many": "carpetas",
+        "folder_other": "carpetas",
+        "album_one": "álbum",
+        "album_many": "álbumes",
+        "album_other": "álbumes",
+        "genreWithCount_one": "{{count}} género",
+        "genreWithCount_many": "{{count}} géneros",
+        "genreWithCount_other": "{{count}} géneros",
+        "trackWithCount_one": "{{count}} pista",
+        "trackWithCount_many": "{{count}} pistas",
+        "trackWithCount_other": "{{count}} pistas"
+    }
+}
diff --git a/src/i18n/locales/fr.json b/src/i18n/locales/fr.json
new file mode 100644
index 000000000..eb31ba844
--- /dev/null
+++ b/src/i18n/locales/fr.json
@@ -0,0 +1,632 @@
+{
+    "player": {
+        "repeat_all": "répète tout",
+        "stop": "stop",
+        "repeat": "répéter",
+        "queue_remove": "effacer la sélection",
+        "playRandom": "lecture aléatoire",
+        "skip": "sauter",
+        "previous": "précédant",
+        "toggleFullscreenPlayer": "plein écran",
+        "skip_back": "reculer",
+        "favorite": "favori",
+        "next": "suivant",
+        "shuffle": "aléatoire",
+        "playbackFetchNoResults": "aucune chansons trouvées",
+        "playbackFetchInProgress": "chargement des chansons…",
+        "addNext": "ajouter ensuite",
+        "playbackSpeed": "vitesse de lecture",
+        "playbackFetchCancel": "cela prend du temps… fermez la notification pour annuler",
+        "play": "lecture",
+        "repeat_off": "répétition désactivée",
+        "queue_clear": "effacer la file d'attente",
+        "muted": "en sourdine",
+        "queue_moveToTop": "déplacer la sélection vers le bas",
+        "queue_moveToBottom": "déplacer la sélection vers le haut",
+        "shuffle_off": "aléatoire désactivée",
+        "addLast": "ajouter en dernier",
+        "mute": "muet",
+        "skip_forward": "avancer",
+        "pause": "pause",
+        "unfavorite": "dé-favori"
+    },
+    "action": {
+        "editPlaylist": "éditer $t(entity.playlist_one)",
+        "goToPage": "aller à la page",
+        "moveToTop": "déplacer en haut",
+        "clearQueue": "effacer la liste de lecture",
+        "addToFavorites": "ajouter aux $t(entity.favorite_other)",
+        "addToPlaylist": "ajouter à $t(entity.playlist_one)",
+        "createPlaylist": "créer $t(entity.playlist_one)",
+        "removeFromPlaylist": "supprimer des $t(entity.playlist_one)",
+        "viewPlaylists": "voir $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "supprimer de $t(entity.playlist_one)",
+        "removeFromQueue": "retirer de la file d'attente",
+        "deselectAll": "désélectionner tout",
+        "moveToBottom": "déplacer en bas",
+        "setRating": "noter",
+        "toggleSmartPlaylistEditor": "basculer l'éditeur de $t(entity.smartPlaylist)",
+        "removeFromFavorites": "retirer des $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "reculer",
+        "increase": "augmenter",
+        "rating": "note",
+        "bpm": "bpm",
+        "refresh": "rafraichir",
+        "unknown": "inconnu",
+        "areYouSure": "êtes vous sûr ?",
+        "edit": "éditer",
+        "favorite": "favoris",
+        "left": "gauche",
+        "save": "sauvegarder",
+        "right": "droite",
+        "currentSong": "$t(entity.track_one) actuelle",
+        "collapse": "réduire",
+        "trackNumber": "piste",
+        "descending": "décroisant",
+        "add": "ajouter",
+        "gap": "écart",
+        "ascending": "croissant",
+        "dismiss": "rejeter",
+        "year": "année",
+        "manage": "gérer",
+        "limit": "limite",
+        "minimize": "minimiser",
+        "modified": "modifier",
+        "duration": "durée",
+        "name": "nom",
+        "maximize": "agrandir",
+        "decrease": "baisser",
+        "ok": "ok",
+        "description": "description",
+        "configure": "configurer",
+        "path": "chemin",
+        "center": "centre",
+        "no": "non",
+        "owner": "propriétaire",
+        "enable": "activer",
+        "clear": "effacer",
+        "forward": "avancer",
+        "delete": "supprimer",
+        "cancel": "annuler",
+        "forceRestartRequired": "redémarrer pour appliquer les changements… fermer la notification pour redémarrer",
+        "setting": "paramètre",
+        "version": "version",
+        "title": "titre",
+        "filter_one": "filtre",
+        "filter_many": "filtres",
+        "filter_other": "filtres",
+        "filters": "filtres",
+        "create": "créer",
+        "bitrate": "bitrate",
+        "saveAndReplace": "sauvegarder et remplacer",
+        "action_one": "action",
+        "action_many": "actions",
+        "action_other": "actions",
+        "playerMustBePaused": "le lecteur doit être en pause",
+        "confirm": "confirmer",
+        "resetToDefault": "réinitialiser par défaut",
+        "home": "accueil",
+        "comingSoon": "prochainement…",
+        "reset": "réinitialiser",
+        "channel_one": "canal",
+        "channel_many": "canaux",
+        "channel_other": "canaux",
+        "disable": "désactiver",
+        "sortOrder": "ordre",
+        "none": "aucun",
+        "menu": "menu",
+        "restartRequired": "redémarrage requis",
+        "previousSong": "précédant $t(entity.track_one)",
+        "noResultsFromQuery": "la requête n'a retourné aucun résultat",
+        "quit": "quitter",
+        "expand": "étendre",
+        "search": "recherche",
+        "saveAs": "sauvegarder en tant que",
+        "disc": "disque",
+        "yes": "oui",
+        "random": "aléatoire",
+        "size": "taille",
+        "biography": "biographie",
+        "note": "note"
+    },
+    "error": {
+        "remotePortWarning": "redémarrer le serveur pour appliquer le nouveau port",
+        "systemFontError": "une erreur s’est produite lors de la tentative d’obtenir les polices système",
+        "playbackError": "une erreur s'est produite lors de la tentative de lecture du média",
+        "endpointNotImplementedError": "endpoint {{endpoint}} n'est pas implémenté pour {{serverType}}",
+        "remotePortError": "une erreur s'est produite lors de la tentative de définir le port du serveur distant",
+        "serverRequired": "serveur requis",
+        "authenticationFailed": "l'authentification à échoué",
+        "apiRouteError": "incapable d’acheminer la demande",
+        "genericError": "une erreur s'est produite",
+        "credentialsRequired": "identifiants requis",
+        "sessionExpiredError": "votre session a expiré",
+        "remoteEnableError": "une erreur s'est produite lors de la tentative de $t(common.enable) le serveur distant",
+        "localFontAccessDenied": "accès refusé aux polices locales",
+        "serverNotSelectedError": "aucun serveur sélectionner",
+        "remoteDisableError": "une erreur s'est produite lors de la tentative de $t(common.disable) le serveur distant",
+        "mpvRequired": "MPV requis",
+        "audioDeviceFetchError": "une erreur s’est produite lors de la tentative d’obtenir les périphériques audio",
+        "invalidServer": "serveur invalide",
+        "loginRateError": "trop de tentative de connexion, merci d'essayer dans quelque secondes"
+    },
+    "filter": {
+        "mostPlayed": "plus joués",
+        "playCount": "nombre d'écoutes",
+        "isCompilation": "est une compilation",
+        "recentlyPlayed": "récemment joué",
+        "isRated": "est noté",
+        "title": "titre",
+        "rating": "note",
+        "search": "recherche",
+        "bitrate": "bitrate",
+        "recentlyAdded": "ajout récent",
+        "note": "note",
+        "name": "nom",
+        "dateAdded": "date d'ajout",
+        "releaseDate": "date de sortie",
+        "communityRating": "note de la communauté",
+        "path": "chemin",
+        "favorited": "favoris",
+        "isRecentlyPlayed": "est récemment joué",
+        "isFavorited": "est favoris",
+        "bpm": "bpm",
+        "releaseYear": "année de sortie",
+        "disc": "disque",
+        "biography": "biographie",
+        "songCount": "nombre de chansons",
+        "duration": "durée",
+        "random": "aléatoire",
+        "lastPlayed": "dernière joué",
+        "toYear": "à l'année",
+        "fromYear": "depuis l'année",
+        "criticRating": "note des critiques",
+        "trackNumber": "piste",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "comment": "commentaire",
+        "recentlyUpdated": "mis à jour récemment",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "albumCount": "$t(entity.album_other) total",
+        "id": "id",
+        "artist": "$t(entity.artist_one)",
+        "isPublic": "est public",
+        "album": "$t(entity.album_one)"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "lecture en cours",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "afficher la correspondance des paroles",
+                "dynamicBackground": "arrière-plan dynamique",
+                "synchronized": "synchronisé",
+                "followCurrentLyric": "suivre les paroles",
+                "showLyricProvider": "afficher la source des paroles",
+                "unsynchronized": "désynchronisé",
+                "lyricAlignment": "alignement des paroles",
+                "useImageAspectRatio": "utiliser le ratio de l'image",
+                "opacity": "opacitée",
+                "lyricSize": "Taille des paroles",
+                "lyricGap": "espacement des lettres"
+            },
+            "upNext": "à suivre",
+            "lyrics": "paroles",
+            "related": "similaire"
+        },
+        "appMenu": {
+            "selectServer": "sélectionner le serveur",
+            "manageServers": "gérer les serveurs",
+            "expandSidebar": "développer la barre latérale",
+            "collapseSidebar": "réduire la barre latérale",
+            "openBrowserDevtools": "ouvrir les outils de développement du navigateur",
+            "goBack": "retour arrière",
+            "goForward": "avancer",
+            "version": "version {{version}}",
+            "settings": "$t(common.setting_other)",
+            "quit": "$t(common.quit)"
+        },
+        "home": {
+            "mostPlayed": "plus joués",
+            "newlyAdded": "versions récemment ajoutés",
+            "explore": "explorer depuis votre bibliothèque",
+            "recentlyPlayed": "récemment joué",
+            "title": "$t(common.home)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "plus de $t(entity.artist_one)",
+            "moreFromGeneric": "plus de {{item}}"
+        },
+        "setting": {
+            "generalTab": "générale",
+            "hotkeysTab": "raccourci",
+            "windowTab": "fenêtre",
+            "playbackTab": "lecteur"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "commandes du serveur",
+                "goToPage": "aller à la page",
+                "searchFor": "recherche pour {{query}}"
+            },
+            "title": "commandes"
+        },
+        "contextMenu": {
+            "numberSelected": "{{count}} sélectionné",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "setting": {
+        "audioDevice_description": "sélectionnez le périphérique audio à utiliser pour la lecture (lecteur Web uniquement)",
+        "crossfadeStyle": "style du fondu enchaîné",
+        "audioExclusiveMode_description": "activer le mode de sortie exclusif. Dans ce mode, le système est généralement verrouillé et seul mpv pourra émettre de l'audio",
+        "audioPlayer_description": "sélectionnez le lecteur audio à utiliser pour la lecture",
+        "crossfadeDuration_description": "définit la durée du fondu enchaîné",
+        "audioDevice": "périphérique audio",
+        "accentColor": "couleur d'accentuation",
+        "accentColor_description": "définit la couleur d'accentuation de l'application",
+        "applicationHotkeys": "raccourcis clavier d'application",
+        "crossfadeDuration": "durée de fondue enchaînée",
+        "audioPlayer": "lecteur audio",
+        "applicationHotkeys_description": "configurer les raccourcis clavier d’application. activer la case à cocher pour définir comme raccourci clavier global (bureau uniquement)",
+        "crossfadeStyle_description": "sélectionnez le style du fondu enchaîné à utiliser pour le lecteur audio",
+        "customFontPath": "chemin de police personnalisé",
+        "disableAutomaticUpdates": "désactiver les mises à jour automatique",
+        "customFontPath_description": "définit le chemin de police personnalisé pour l'application",
+        "remotePort_description": "définit le port du serveur de contrôle à distance",
+        "hotkey_skipBackward": "reculer",
+        "hotkey_playbackPause": "pause",
+        "mpvExecutablePath_help": "line par line",
+        "hotkey_volumeUp": "monter le volume",
+        "discordIdleStatus_description": "quand activé, mettre à jour le status pendant que le lecteur est inactif",
+        "showSkipButtons": "affiche les boutons suivants et précédents",
+        "minimumScrobblePercentage": "durée minimal du scobble (pourcentage)",
+        "lyricFetch": "récupère les paroles depuis internet",
+        "scrobble": "scrobble",
+        "enableRemote_description": "activer le serveur de contrôle à distance, qui permet à d'autres appareils de contrôler l'application",
+        "fontType_optionSystem": "police système",
+        "mpvExecutablePath_description": "définit le chemin vers l'exécutable mpv",
+        "hotkey_favoriteCurrentSong": "favori $t(common.currentSong)",
+        "sampleRate": "taux d'échantillonnage",
+        "sampleRate_description": "sélectionnez le taux d'échantillonnage de sortie utilisé si la fréquence d'échantillonnage sélectionnée est différente de celle du média actuel",
+        "hotkey_zoomIn": "zoom avant",
+        "scrobble_description": "scrobble les lectures à votre serveur multimédia",
+        "hotkey_browserForward": "avancer",
+        "discordUpdateInterval": "interval de mise à jour de {{discord}} rich presence",
+        "fontType_optionBuiltIn": "police intégrée",
+        "hotkey_playbackPlayPause": "lecture / pause",
+        "hotkey_rate1": "noter 1 étoile",
+        "hotkey_skipForward": "avancer",
+        "disableLibraryUpdateOnStartup": "désactive la recherche de mise à jour au démarrage",
+        "gaplessAudio": "audio sans interruption",
+        "minimizeToTray_description": "réduit l'application vers la barre des tâches",
+        "hotkey_playbackPlay": "lecture",
+        "hotkey_togglePreviousSongFavorite": "basculer $t(common.previousSong) favoris",
+        "hotkey_volumeDown": "baisser le volume",
+        "hotkey_unfavoritePreviousSong": "défavorisé $t(common.previousSong)",
+        "globalMediaHotkeys": "raccourci clavier multimédia global",
+        "hotkey_globalSearch": "recherche globale",
+        "gaplessAudio_description": "définit les paramètres d'audio sans interruption pour mpv",
+        "remoteUsername_description": "définit le nom d'utilisateur du serveur de contrôle à distance. si le nom d'utilisateur et le mot de passe sont vides, l'authentification sera désactivée",
+        "exitToTray_description": "quitte l'application vers la barre des tâches",
+        "followLyric_description": "faire défiler les paroles jusqu'à la position de lecture actuelle",
+        "hotkey_favoritePreviousSong": "favori $t(common.previousSong)",
+        "lyricOffset": "décalage des paroles (ms)",
+        "discordUpdateInterval_description": "temps en seconde entre chaque mise à jour (minimum de 15 secondes)",
+        "fontType_optionCustom": "police personnalisée",
+        "remotePassword": "mot de passe du serveur de contrôle à distance",
+        "lyricFetchProvider": "fournisseur depuis lequel récupérer les paroles",
+        "language_description": "définit la langue de l'application $t(common.restartRequired)",
+        "playbackStyle_optionCrossFade": "fondu enchaîné",
+        "hotkey_rate3": "noter 3 étoiles",
+        "font": "police",
+        "mpvExtraParameters": "paramètres de mpv",
+        "hotkey_toggleFullScreenPlayer": "basculer en plein écran",
+        "hotkey_localSearch": "recherche dans la page",
+        "hotkey_toggleQueue": "basculer la liste de lecteur",
+        "remotePassword_description": "définit le mot de passe du serveur de contrôle à distance. Ces identifiants sont par défaut transmises de façon non sécurisées, donc vous devriez utiliser un mot de passe unique dont vous n'avez pas grand-chose à faire",
+        "hotkey_rate5": "noter 5 étoiles",
+        "hotkey_playbackPrevious": "piste précédente",
+        "showSkipButtons_description": "affiche ou cache les boutons suivants et précédents de la barre de lecture",
+        "language": "language",
+        "playbackStyle": "style de lecture",
+        "hotkey_toggleShuffle": "basculer la lecture aléatoire",
+        "playbackStyle_description": "sélectionnez le style de lecture à utiliser pour le lecteur audio",
+        "discordRichPresence_description": "active l'état de lecteur dans le status d'activité {{discord}}. Les images clés sont : {{icon}}, {{playing}}, et {{paused}} ",
+        "mpvExecutablePath": "chemin de l'exécutable mpv",
+        "hotkey_rate2": "noter 2 étoiles",
+        "playButtonBehavior_description": "définit le comportement par défaut du bouton play, lors de l'ajout de chanson à la file d'attente",
+        "minimumScrobblePercentage_description": "le pourcentage minimum de la chanson qui doit être joué avant qu'elle ne soit scrobbleée",
+        "exitToTray": "quitter vers la barre des tâches",
+        "hotkey_rate4": "noter 4 étoiles",
+        "enableRemote": "activer le serveur de contrôle à distance",
+        "showSkipButton_description": "affiche ou cache les boutons suivants et précédents de la barre de lecture",
+        "savePlayQueue": "sauvegarder la liste de lecture",
+        "minimumScrobbleSeconds_description": "la durée minimale en secondes de la chanson qui doit être jouée avant qu'elle ne soit scrobbleée",
+        "fontType_description": "police intégré vous permet de sélectionner une des polices fourni par Feishin. Police système vous permet de sélectionner une des polices fourni par votre système d'éxploitation. personnalisé vous permet de fournir votre propre police",
+        "playButtonBehavior": "comportement du bouton play",
+        "playbackStyle_optionNormal": "normale",
+        "floatingQueueArea": "afficher le zone de file d'attente flottante",
+        "hotkey_toggleRepeat": "basculer la répétition",
+        "lyricOffset_description": "décale les paroles par le nombre de millisecondes spécifiées",
+        "fontType": "type de police",
+        "remotePort": "port du serveur de contrôle à distance",
+        "hotkey_playbackNext": "piste suivante",
+        "lyricFetch_description": "récupère les paroles depuis divers source d'internet",
+        "lyricFetchProvider_description": "sélectionnez le fournisseur auprès desquels récupérer les paroles. l'ordre des fournisseurs et l'ordre dans lequel ils seront interrogés",
+        "globalMediaHotkeys_description": "active ou désactive l'utilisation des raccourcis clavier multimédia système pour contrôler la lecture",
+        "followLyric": "suivre les paroles actuelles",
+        "discordIdleStatus": "afficher l'état d'inactivité dans le status de l'activité",
+        "hotkey_zoomOut": "zoom arrière",
+        "hotkey_unfavoriteCurrentSong": "retirer des favoris la $t(common.currentSong)",
+        "hotkey_rate0": "supprimer la note",
+        "hotkey_volumeMute": "couper le son",
+        "hotkey_toggleCurrentSongFavorite": "basculer favori de la $t(common.currentSong)",
+        "remoteUsername": "nom d'utilisateur du serveur de contrôle à distance",
+        "hotkey_browserBack": "retour arrière",
+        "showSkipButton": "affiche les boutons suivants et précédents",
+        "minimizeToTray": "réduire vers la barre des tâches",
+        "gaplessAudio_optionWeak": "faible (recommandée)",
+        "minimumScrobbleSeconds": "scrobble minimum (secondes)",
+        "hotkey_playbackStop": "stop",
+        "font_description": "définit la police à utiliser pour l'application",
+        "savePlayQueue_description": "sauvegarde la liste de lecture quand l'application est fermée et la restaure quand l'application est ouverte",
+        "sidebarCollapsedNavigation_description": "affiche ou cache la navigation dans la barre latérale réduite",
+        "sidebarConfiguration": "configuration de la barre latérale",
+        "sidebarConfiguration_description": "sélectionnez les items et l'ordre dans lesquels ils seront affichaient dans la barre latérale",
+        "sidebarPlaylistList": "liste de playlist de la barre latérale",
+        "sidebarCollapsedNavigation": "navigation de la barre latéral (réduite)",
+        "skipDuration": "durée de l'avance rapide",
+        "sidePlayQueueStyle_optionAttached": "attaché",
+        "sidePlayQueueStyle": "style de la liste de lecture latérale",
+        "sidebarPlaylistList_description": "affiche ou cache la liste de playlist de la barre latérale",
+        "sidePlayQueueStyle_description": "définit le style de la liste de lecture latérale",
+        "sidePlayQueueStyle_optionDetached": "détaché",
+        "volumeWheelStep_description": "la valeur de volume à modifier lors du défilement de la molette de la souris sur le curseur de volume",
+        "theme_description": "définit le thème à utiliser pour l'application",
+        "skipDuration_description": "définit le durée du saut rapide, lors de l'utilisation des boutons avancer/reculer de la barre de lecture",
+        "themeLight": "thème (clair)",
+        "zoom": "pourcentage de zoom",
+        "themeDark_description": "définit le thème sombre à utiliser pour l'application",
+        "themeLight_description": "définit le thème clair à utiliser pour l'application",
+        "zoom_description": "définit le pourcentage de zoom de l'application",
+        "theme": "thème",
+        "skipPlaylistPage_description": "lors de la navigation dans une playlist, aller directement vers le liste des morceaux, au lieu de la page par défaut",
+        "volumeWheelStep": "valeur du pas de volume",
+        "windowBarStyle": "style de la barre de la fenêtre",
+        "useSystemTheme_description": "suivre les préférence du système (sombre ou clair)",
+        "skipPlaylistPage": "sauter la page de playlist",
+        "themeDark": "thème (sombre)",
+        "windowBarStyle_description": "sélectionner le style de la barre de la fenêtre",
+        "useSystemTheme": "utiliser le thème du système",
+        "discordApplicationId_description": "l'identifiant de l'application pour le statut d'activité {{discord}} (par défaut à {{defaultId}})",
+        "audioExclusiveMode": "mode de sortie audio exclusif",
+        "discordApplicationId": "identifiant d'application {{discord}}",
+        "floatingQueueArea_description": "afficher une icon flottante sur le côté droit de l'écran pour afficher la liste d'attente",
+        "discordRichPresence": "status d'activité de {{discord}}",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "replayGainMode_description": "ajuste le gain de volume accordement à la valeur de {{ReplayGain}} sauvegardé dans les métadonnées du fichier",
+        "replayGainFallback": "{{ReplayGain}} fallback",
+        "replayGainClipping_description": "Préviens le clipping causé par {{ReplayGain}} en baissant automatiquement le gain",
+        "replayGainPreamp": "préamplificateur (dB) de {{ReplayGain}}",
+        "replayGainClipping": "{{ReplayGain}} clipping",
+        "replayGainMode": "mode de {{ReplayGain}}",
+        "replayGainFallback_description": "gain en dB à appliquer si le fichier n'a pas de tag {{ReplayGain}}",
+        "replayGainPreamp_description": "ajuste le gain de préampli appliqué a la valeur de {{ReplayGain}}"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "supprimer de $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) supprimée avec succès",
+            "input_confirm": "taper le nom de la $t(entity.playlist_one) pour confirmer"
+        },
+        "addServer": {
+            "title": "ajouter un serveur",
+            "input_username": "nom d'utilisateur",
+            "input_url": "url",
+            "input_password": "mot de passe",
+            "input_legacyAuthentication": "activer l'authtication legacy",
+            "input_name": "nom du serveur",
+            "success": "serveur ajouté avec succès",
+            "input_savePassword": "enregister le mot de passe",
+            "ignoreSsl": "ignorer ssl $t(common.restartRequired)",
+            "ignoreCors": "ignorer cors $t(common.restartRequired)",
+            "error_savePassword": "une erreur s’est produite lors de la tentative de sauvegarde du mot de passe"
+        },
+        "addToPlaylist": {
+            "success": "{{message}} $t(entity.track_other) ajouté à {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "ajouter à $t(entity.playlist_one)",
+            "input_skipDuplicates": "sauter les doublons",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "createPlaylist": {
+            "title": "créer $t(entity.playlist_one)",
+            "input_public": "publique",
+            "success": "$t(entity.playlist_one) créée avec succès",
+            "input_description": "$t(common.description)",
+            "input_name": "$t(common.name)",
+            "input_owner": "$t(common.owner)"
+        },
+        "updateServer": {
+            "title": "mise à jour du serveur",
+            "success": "serveur mis à jour avec succès"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "correspondre à tous",
+            "input_optionMatchAny": "correspondre à n'importe quel"
+        },
+        "editPlaylist": {
+            "title": "modifier $t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "title": "rechercher parole",
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)"
+        }
+    },
+    "entity": {
+        "genre_one": "genre",
+        "genre_many": "genres",
+        "genre_other": "genres",
+        "playlistWithCount_one": "{{count}} playlist",
+        "playlistWithCount_many": "{{count}} playlists",
+        "playlistWithCount_other": "{{count}} playlists",
+        "playlist_one": "playlist",
+        "playlist_many": "playlists",
+        "playlist_other": "playlists",
+        "artist_one": "artiste",
+        "artist_many": "artistes",
+        "artist_other": "artistes",
+        "folderWithCount_one": "{{count}} dossier",
+        "folderWithCount_many": "{{count}} dossiers",
+        "folderWithCount_other": "{{count}} dossiers",
+        "albumArtist_one": "artiste de l'album",
+        "albumArtist_many": "artistes d'albums",
+        "albumArtist_other": "artistes d'albums",
+        "track_one": "piste",
+        "track_many": "pistes",
+        "track_other": "pistes",
+        "albumArtistCount_one": "{{count}} artiste de l'album",
+        "albumArtistCount_many": "{{count}} artistes d'albums",
+        "albumArtistCount_other": "{{count}} artistes d'albums",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_many": "{{count}} albums",
+        "albumWithCount_other": "{{count}} albums",
+        "favorite_one": "favori",
+        "favorite_many": "favoris",
+        "favorite_other": "favoris",
+        "artistWithCount_one": "{{count}} artiste",
+        "artistWithCount_many": "{{count}} artistes",
+        "artistWithCount_other": "{{count}} artistes",
+        "folder_one": "dossier",
+        "folder_many": "dossiers",
+        "folder_other": "dossiers",
+        "smartPlaylist": "$t(entity.playlist_one) intelligente",
+        "album_one": "album",
+        "album_many": "albums",
+        "album_other": "albums",
+        "genreWithCount_one": "{{count}} genre",
+        "genreWithCount_many": "{{count}} genres",
+        "genreWithCount_other": "{{count}} genres",
+        "trackWithCount_one": "{{count}} piste",
+        "trackWithCount_many": "{{count}} pistes",
+        "trackWithCount_other": "{{count}} pistes"
+    },
+    "table": {
+        "config": {
+            "general": {
+                "displayType": "Type d'affichage",
+                "tableColumns": "colonnes de la liste",
+                "autoFitColumns": "colonnes à ajustement automatique",
+                "gap": "$t(common.gap)",
+                "size": "$t(common.size)"
+            },
+            "view": {
+                "table": "liste",
+                "poster": "poster",
+                "card": "Carte"
+            },
+            "label": {
+                "releaseDate": "date de sortie",
+                "titleCombined": "$t(common.title) (combiné)",
+                "dateAdded": "date d'ajout",
+                "lastPlayed": "dernière écoute",
+                "trackNumber": "numéro de piste",
+                "rowIndex": "index de ligne",
+                "playCount": "nombre de lecture",
+                "discNumber": "disque n°",
+                "duration": "$t(common.duration)",
+                "bpm": "$t(common.bpm)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "biography": "$t(common.biography)",
+                "channels": "$t(common.channel_other)",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "favorite": "$t(common.favorite)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "rating": "$t(common.rating)",
+                "note": "$t(common.note)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "title": "$t(common.title)",
+                "size": "$t(common.size)",
+                "genre": "$t(entity.genre_one)",
+                "year": "$t(common.year)"
+            }
+        },
+        "column": {
+            "comment": "commentaire",
+            "album": "album",
+            "rating": "note",
+            "favorite": "favori",
+            "playCount": "lectures",
+            "releaseYear": "année",
+            "biography": "biographie",
+            "releaseDate": "date de sortie",
+            "bitrate": "bitrate",
+            "title": "titre",
+            "bpm": "bpm",
+            "dateAdded": "date d'ajout",
+            "trackNumber": "piste",
+            "albumArtist": "artiste de l'album",
+            "path": "chemin",
+            "discNumber": "disque",
+            "albumCount": "$t(entity.album_other)",
+            "lastPlayed": "dernière lecture",
+            "artist": "$t(entity.artist_one)",
+            "genre": "$t(entity.genre_one)",
+            "songCount": "$t(entity.track_other)",
+            "channels": "$t(common.channel_other)"
+        }
+    }
+}
diff --git a/src/i18n/locales/it.json b/src/i18n/locales/it.json
new file mode 100644
index 000000000..d830ab1ec
--- /dev/null
+++ b/src/i18n/locales/it.json
@@ -0,0 +1,627 @@
+{
+    "action": {
+        "editPlaylist": "modifica $t(entity.playlist_one)",
+        "goToPage": "vai alla pagina",
+        "clearQueue": "cancella la coda",
+        "addToFavorites": "aggiungi a $t(entity.favorite_other)",
+        "addToPlaylist": "aggiungi a $t(entity.playlist_one)",
+        "createPlaylist": "crea $t(entity.playlist_one)",
+        "removeFromPlaylist": "rimuovi da $t(entity.playlist_one)",
+        "viewPlaylists": "visualizza $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "elimina $t(entity.playlist_one)",
+        "removeFromQueue": "rimuovi dalla coda",
+        "deselectAll": "deseleziona tutto",
+        "setRating": "vota",
+        "toggleSmartPlaylistEditor": "attiva/disattiva editor $t(entity.smartPlaylist)",
+        "removeFromFavorites": "rimuovi da $t(entity.favorite_other)",
+        "moveToTop": "sposta in cima",
+        "moveToBottom": "sposta in fondo"
+    },
+    "common": {
+        "backward": "indietro",
+        "areYouSure": "sei sicurə?",
+        "add": "aggiungi",
+        "ascending": "crescente",
+        "bitrate": "bitrate",
+        "action_one": "azione",
+        "action_many": "azioni",
+        "action_other": "azioni",
+        "biography": "biografia",
+        "bpm": "bpm",
+        "center": "centrale",
+        "cancel": "annulla",
+        "channel_one": "canale",
+        "channel_many": "canali",
+        "channel_other": "canali",
+        "collapse": "collassa",
+        "configure": "configura",
+        "comingSoon": "a seguire…",
+        "increase": "incrementa",
+        "rating": "voto",
+        "refresh": "ricarica",
+        "unknown": "sconosciuto",
+        "edit": "modifica",
+        "favorite": "preferito",
+        "left": "sinistra",
+        "save": "salva",
+        "right": "destra",
+        "currentSong": "$t(entity.track_one) corrente",
+        "trackNumber": "traccia",
+        "descending": "decrescente",
+        "gap": "gap",
+        "dismiss": "dimetti",
+        "year": "anno",
+        "manage": "gestisci",
+        "limit": "limite",
+        "minimize": "minimizza",
+        "modified": "modificato",
+        "duration": "durata",
+        "name": "nome",
+        "maximize": "massimizza",
+        "decrease": "decrementa",
+        "ok": "ok",
+        "description": "descrizione",
+        "path": "percorso",
+        "no": "no",
+        "owner": "proprietariə",
+        "enable": "abilita",
+        "clear": "svuota",
+        "forward": "successivo",
+        "delete": "elimina",
+        "forceRestartRequired": "riavvia per applicare le modifiche... chiudi la notifica per riavviare",
+        "setting": "impostazione",
+        "version": "versione",
+        "title": "titolo",
+        "filter_one": "filtro",
+        "filter_many": "filtri",
+        "filter_other": "filtri",
+        "filters": "filtri",
+        "create": "crea",
+        "saveAndReplace": "salva e sovrascrivi",
+        "playerMustBePaused": "il player deve essere messo in pausa",
+        "confirm": "conferma",
+        "resetToDefault": "ripristina ai valori di default",
+        "home": "home",
+        "reset": "ripristina",
+        "disable": "disabilita",
+        "sortOrder": "ordine",
+        "none": "nessuno",
+        "menu": "menù",
+        "restartRequired": "riavvio richiesto",
+        "previousSong": "$t(entity.track_one) precedente",
+        "noResultsFromQuery": "la query non ha ritornato risultati",
+        "quit": "esci",
+        "expand": "espandi",
+        "search": "cerca",
+        "saveAs": "salva come",
+        "disc": "disco",
+        "yes": "si",
+        "random": "casuale",
+        "size": "dimensione",
+        "note": "nota"
+    },
+    "player": {
+        "repeat_all": "ripeti coda",
+        "stop": "ferma",
+        "repeat": "ripeti traccia",
+        "queue_remove": "rimuovi selezionati",
+        "playRandom": "riproduci casuale",
+        "skip": "salta",
+        "previous": "precedente",
+        "toggleFullscreenPlayer": "attiva/disattiva player a schermo intero",
+        "skip_back": "salta indietro",
+        "favorite": "preferito",
+        "next": "successivo",
+        "shuffle": "mescola",
+        "playbackFetchNoResults": "nessuna canzone trovata",
+        "playbackFetchInProgress": "caricamento canzoni…",
+        "addNext": "aggiungi successivo",
+        "playbackSpeed": "velocità di riproduzione",
+        "playbackFetchCancel": "ci sta mettendo un po'... chiudi la notifica per annullare",
+        "play": "riproduci",
+        "repeat_off": "non ripetere",
+        "pause": "pausa",
+        "queue_clear": "cancella coda",
+        "muted": "silenziato",
+        "unfavorite": "togli dai preferiti",
+        "queue_moveToTop": "sposta selezionati in fondo",
+        "queue_moveToBottom": "sposta selezionati in cima",
+        "shuffle_off": "non mescolare",
+        "addLast": "aggiungi in coda",
+        "mute": "silenzia",
+        "skip_forward": "salta avanti"
+    },
+    "setting": {
+        "crossfadeStyle_description": "seleziona lo stile dissolvenza da usare per il player audio",
+        "remotePort_description": "imposta la porta del server di controllo remoto",
+        "hotkey_skipBackward": "salta a precedente",
+        "volumeWheelStep_description": "la quantità di volume da cambiare quando si scorre la rotellina del mouse sullo slider del volume",
+        "audioDevice_description": "seleziona il device audioda usare per la riproduzione (solo web player)",
+        "theme_description": "imposta il tema da usare per l'applicazione",
+        "hotkey_playbackPause": "pausa",
+        "mpvExecutablePath_help": "uno per linea",
+        "hotkey_volumeUp": "alza volume",
+        "skipDuration": "salta durata",
+        "discordIdleStatus_description": "quando è attivo, aggiorna lo stato mentre il player è inattivo",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "durata minima scrobble (percentuale)",
+        "lyricFetch": "ottieni testi da internet",
+        "scrobble": "scrobble",
+        "skipDuration_description": "imposta la durata da saltare quando vengono usati i pulsanti di salto nella barra del player",
+        "enableRemote_description": "abilita il controllo remoto del server per permettere ad altri dispositivi di controllare l'applicazione",
+        "fontType_optionSystem": "font di sistema",
+        "mpvExecutablePath_description": "imposta il percorso dell'eseguibile di mpv",
+        "hotkey_favoriteCurrentSong": "$t(common.currentSong) preferita",
+        "crossfadeStyle": "stile dissolvenza",
+        "sidebarConfiguration": "configurazione barra laterale",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "hotkey_zoomIn": "ingrandisci layout",
+        "scrobble_description": "invia lo scrobble delle riproduzioni al tuo media server",
+        "audioExclusiveMode_description": "abilità modalità output esclusiva. In questa modalità il sistema è di solito chiuso fuori, e solo mpv potrà riprodurre audio",
+        "discordUpdateInterval": "intervallo aggiornamento stato attività {{discord}}",
+        "themeLight": "tema (chiaro)",
+        "fontType_optionBuiltIn": "font built-in",
+        "hotkey_playbackPlayPause": "riproduci / pausa",
+        "hotkey_rate1": "voto 1 stella",
+        "hotkey_skipForward": "salta a successivo",
+        "disableLibraryUpdateOnStartup": "disabilita il controllo di nuove versioni all'avvio",
+        "discordApplicationId_description": "l'application id per lo stato attività di {{discord}} ({{defaultId}} è il valore predefinito)",
+        "gaplessAudio": "audio gapless",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "zoom": "percentuale zoom",
+        "minimizeToTray_description": "riduce a icona nella barra di sistema",
+        "hotkey_playbackPlay": "riproduci",
+        "hotkey_volumeDown": "abbassa volume",
+        "audioPlayer_description": "seleziona il player audio da usare per la riproduzione",
+        "globalMediaHotkeys": "tasti media globali",
+        "hotkey_globalSearch": "ricerca globale",
+        "gaplessAudio_description": "imposta l'audio gapless per mpv",
+        "remoteUsername_description": "imposta l'username del server di controllo remoto. Se username e password sono vuoti, l'autenticazione sarà disattivata",
+        "disableAutomaticUpdates": "disabilita aggiornamenti automatici",
+        "exitToTray_description": "riduce a icona nella barra di sistema all'uscita",
+        "followLyric_description": "scorre il testo alla posizione di riproduzione corrente",
+        "hotkey_favoritePreviousSong": "$t(common.previousSong) preferita",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "offset testi (ms)",
+        "discordUpdateInterval_description": "il tempo in secondi tra ogni aggiornamento (minimo 15 secondi)",
+        "fontType_optionCustom": "font personalizzato",
+        "themeDark_description": "imposta il tema scuro da usare per l'applicazione",
+        "audioExclusiveMode": "modalità audio esclusiva",
+        "remotePassword": "password server controllo remoto",
+        "lyricFetchProvider": "providers da dove ottenere testi",
+        "language_description": "imposta la lingua dell'applicazione ($t(common.restartRequired))",
+        "playbackStyle_optionCrossFade": "dissolvenza",
+        "hotkey_rate3": "voto 3 stelle",
+        "font": "font",
+        "mpvExtraParameters": "parametri mpv",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "imposta il tema chiaro da usare per l'applicazione",
+        "hotkey_toggleFullScreenPlayer": "attiva/disattiva player a schermo intero",
+        "hotkey_localSearch": "ricerca in-pagina",
+        "hotkey_toggleQueue": "attiva/disattiva coda",
+        "zoom_description": "imposta la percentuale zoom per l'applicazione",
+        "remotePassword_description": "imposta la password del server di controllo remoto. Queste credenziali sono di default trasferite in modo non sicuro, quindi dovresti usare una password unica di cui non ti importa",
+        "hotkey_rate5": "voto 5 stelle",
+        "hotkey_playbackPrevious": "traccia precedente",
+        "crossfadeDuration_description": "imposta la durata dell'effetto di dissolvenza",
+        "language": "lingua",
+        "playbackStyle": "stile riproduzione",
+        "hotkey_toggleShuffle": "attiva/disattiva mescolamento",
+        "theme": "tema",
+        "playbackStyle_description": "selezione lo stile di riproduzione da usare per il player audio",
+        "discordRichPresence_description": "abilita lo status del playback nello stato attività di {{discord}}. Le chiavi immagine sono: {{icon}}, {{playing}} e {{paused}} ",
+        "mpvExecutablePath": "percorso eseguibile mpv",
+        "audioDevice": "device audio",
+        "hotkey_rate2": "voto 2 stelle",
+        "playButtonBehavior_description": "imposta il comportamente di default del pulsante di riproduzione quando viene aggiunta una canzone alla coda",
+        "minimumScrobblePercentage_description": "la minima percentuale di una canzone che deve essere riprodutta prima di eseguire lo scrobble",
+        "exitToTray": "riduci a icona all'uscita",
+        "hotkey_rate4": "voto 4 stelle",
+        "enableRemote": "abilita controllo remoto server",
+        "savePlayQueue": "salva coda di riproduzione",
+        "minimumScrobbleSeconds_description": "la minima durata in secondi di una canzone che deve essere riprodutta prima di eseguire lo scrobble",
+        "fontType_description": "Font built-in seleziona uno dei font forniti da Feishin. Font di sistema ti permette di selezionare ogni font fornito dal tuo sistema operativo. Custom ti permette di fornire il tuo font",
+        "playButtonBehavior": "comportamento pulsante riproduzione",
+        "volumeWheelStep": "step rotellina volume",
+        "sidebarPlaylistList_description": "mostra o nascondi la lista delle playlist nella barra laterale",
+        "accentColor": "colore d'accento",
+        "accentColor_description": "imposta colore d'accento per l'applicazione",
+        "playbackStyle_optionNormal": "normale",
+        "windowBarStyle": "stile barra della finestra",
+        "floatingQueueArea": "mostra l'area di passaggio della coda fluttante",
+        "hotkey_toggleRepeat": "attiva/disattiva ripeti",
+        "lyricOffset_description": "aumenta/dimuisce l'offset del testo di una specifica quantità di millisecondi",
+        "sidebarConfiguration_description": "seleziona gli elementi e l'ordine in cui appaiono nella barra laterale",
+        "fontType": "tipo font",
+        "remotePort": "porta del server di controllo remoto",
+        "applicationHotkeys": "tasti a scelta rapida applicazione",
+        "hotkey_playbackNext": "traccia successiva",
+        "useSystemTheme_description": "segui le preferenze del tema definite dal sistema",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "ottieni testi da varie sorgenti internet",
+        "lyricFetchProvider_description": "seleziona i provider da dove prendere i testi. l'ordine dei provider è l'ordine in cui vengono fatte le richieste",
+        "globalMediaHotkeys_description": "attiva/disattiva l'uso dei tasti media globali per controllare la riproduzione",
+        "customFontPath": "percorso font personalizzato",
+        "followLyric": "segui testo corrente",
+        "crossfadeDuration": "durata dissolvenza",
+        "discordIdleStatus": "visualizza lo stato attività in stato inattivo",
+        "audioPlayer": "player audio",
+        "hotkey_zoomOut": "rimpicciolisci layout",
+        "hotkey_rate0": "rimuovi voto",
+        "discordApplicationId": "application id {{discord}}",
+        "applicationHotkeys_description": "configura tasti a scelta rapida dell'applicazione. attiva/disattiva la casella per impostare un tasto a scelta rapida globale (solo desktop)",
+        "floatingQueueArea_description": "visualizza l'icona di passaggio sul lato destro dello schermo per mostrare la coda di riproduzione",
+        "hotkey_volumeMute": "silenzia volume",
+        "remoteUsername": "username server di controllo remoto",
+        "sidebarPlaylistList": "lista playlist nella barra laterale",
+        "minimizeToTray": "riduci a icona",
+        "themeDark": "tema (scuro)",
+        "customFontPath_description": "imposta il percorso al font personalizzato da usare per l'applicazione",
+        "gaplessAudio_optionWeak": "debole (raccomandato)",
+        "minimumScrobbleSeconds": "durata minima scrobble (secondi)",
+        "hotkey_playbackStop": "ferma",
+        "windowBarStyle_description": "seleziona lo stile della barra della finestra",
+        "discordRichPresence": "stato attività {{discord}}",
+        "font_description": "imposta il font da usare per l'applicazione",
+        "savePlayQueue_description": "salva la coda di riproduzione quando l'applicazione viene chiusa e ripristina quando l'applicazione viene riaperta",
+        "useSystemTheme": "usa il tema di sistema",
+        "replayGainMode_description": "aggiusta il volume secondo i valori {{ReplayGain}} salvati nei metadati del file",
+        "showSkipButtons": "mostra pulsanti per saltare",
+        "sampleRate": "frequenza di campionamento",
+        "sampleRate_description": "seleziona la frequenza di campionamento di output da usare se la frequenza di campionamento selezionata è diversa da quella della del media attuale",
+        "hotkey_togglePreviousSongFavorite": "imposta/rimuovi $t(common.previousSong) favorito",
+        "hotkey_unfavoritePreviousSong": "rimuovi $t(common.previousSong) dai preferiti",
+        "showSkipButton_description": "mostra o nascondi i pulsanti per saltare nella barra del player",
+        "hotkey_unfavoriteCurrentSong": "rimuovi $t(common.currentSong) dai preferiti",
+        "hotkey_toggleCurrentSongFavorite": "imposta/rimuovi $t(common.currentSong) favorito",
+        "showSkipButton": "mostra pulsanti per saltare",
+        "hotkey_browserForward": "Vai avanti di una pagina",
+        "hotkey_browserBack": "Torna indietro di una pagina",
+        "sidebarCollapsedNavigation_description": "mostra o nascondi la navigazione nella barra laterale collassata",
+        "replayGainClipping_description": "Previeni il clipping causato da {{ReplayGain}} abbassando automaticamente il gain",
+        "replayGainPreamp": "preamplificazione {{ReplayGain}} (dB)",
+        "sidePlayQueueStyle": "stile della coda di riproduzione laterale",
+        "showSkipButtons_description": "mostra o nascondi i pulsanti per saltare dalla barra di riproduzione",
+        "skipPlaylistPage_description": "quando si naviga in una playlist, si va alla pagina dell'elenco dei brani della playlist invece che alla pagina predefinita",
+        "sidePlayQueueStyle_description": "imposta lo stile della coda di riproduzione laterale",
+        "replayGainMode": "modalità {{ReplayGain}}",
+        "replayGainFallback_description": "gain in db da applicare se il file non possiede tag {{ReplayGain}}",
+        "replayGainPreamp_description": "aggiusta la preamplificazione del gain applicato sui valori {{ReplayGain}}",
+        "skipPlaylistPage": "Salta la pagina playlist",
+        "sidebarCollapsedNavigation": "navigazione con barra laterale (collassata)"
+    },
+    "error": {
+        "remotePortWarning": "riavvia il server per applicare la nuova porta",
+        "systemFontError": "si è verificato un errore nell'otternere i font di sistema",
+        "playbackError": "si è verificato un errore nel provare a riprodurre il media",
+        "endpointNotImplementedError": "l'endpoint {{endpoint}} non è implementato per {{serverType}}",
+        "remotePortError": "si è verificato un errore nel provare a impostare la porta del server remoto",
+        "serverRequired": "server richiesto",
+        "authenticationFailed": "autenticazione fallita",
+        "apiRouteError": "impossibile indirizzare la richiesta",
+        "genericError": "si è verificato un errore",
+        "credentialsRequired": "credenziali richieste",
+        "sessionExpiredError": "la tua sessione è scaduta",
+        "remoteEnableError": "si è verificato un errore nel $t(common.enable) il server remoto",
+        "localFontAccessDenied": "accesso non consentito ai font locali",
+        "serverNotSelectedError": "nessun server selezionato",
+        "remoteDisableError": "si è verificato un errore nel $t(common.disable) il server remoto",
+        "mpvRequired": "MPV richiesto",
+        "audioDeviceFetchError": "si è verificato un errore nel provare ad ottenre i device audio",
+        "invalidServer": "server non valido",
+        "loginRateError": "troppi tentativi di accesso, per favore riprova tra qualche secondo"
+    },
+    "filter": {
+        "mostPlayed": "più riprodotti",
+        "comment": "commento",
+        "playCount": "numero di riproduzioni",
+        "recentlyUpdated": "aggiornati recentemente",
+        "channels": "$t(common.channel_other)",
+        "isCompilation": "è una compilation",
+        "recentlyPlayed": "riprodotti recentemente",
+        "isRated": "è valutato",
+        "owner": "$t(common.owner)",
+        "title": "titolo",
+        "rating": "voto",
+        "search": "cerca",
+        "bitrate": "bitrate",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "aggiunti recentemente",
+        "note": "nota",
+        "name": "nome",
+        "dateAdded": "data aggiunta",
+        "releaseDate": "data di rilascio",
+        "albumCount": "numero $t(entity.album_other)",
+        "communityRating": "voto della community",
+        "path": "percorso",
+        "favorited": "preferito",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "è stato recentemente riprodotto",
+        "isFavorited": "è preferito",
+        "bpm": "bpm",
+        "releaseYear": "anno di rilascio",
+        "id": "id",
+        "disc": "disco",
+        "biography": "biografia",
+        "songCount": "conteggio canzoni",
+        "artist": "$t(entity.artist_one)",
+        "duration": "durata",
+        "isPublic": "è pubblico",
+        "random": "casuale",
+        "lastPlayed": "ultima riproduzione",
+        "toYear": "fino all'anno",
+        "fromYear": "dall'anno",
+        "criticRating": "voto della critica",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "traccia"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "in riproduzione",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "mostra corrispondenza testi",
+                "dynamicBackground": "background dinamico",
+                "synchronized": "sincronizzato",
+                "followCurrentLyric": "segui testo corrente",
+                "opacity": "opacità",
+                "lyricSize": "dimensione testo",
+                "showLyricProvider": "mostra provider testi",
+                "unsynchronized": "non sinncronizzato",
+                "lyricAlignment": "allineamento testo",
+                "useImageAspectRatio": "usa le proporzioni dell'immagine",
+                "lyricGap": "gap testo"
+            },
+            "upNext": "successivamente",
+            "lyrics": "testi",
+            "related": "correlati"
+        },
+        "appMenu": {
+            "selectServer": "seleziona server",
+            "version": "versione {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "gestisci server",
+            "expandSidebar": "espandi barra laterale",
+            "collapseSidebar": "collassa barra laterale",
+            "openBrowserDevtools": "apri devtools browser",
+            "quit": "$t(common.quit)",
+            "goBack": "torna indietro",
+            "goForward": "vai avanti"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} selezionati",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "più riprodotti",
+            "newlyAdded": "nuovi rilasci aggiunti",
+            "title": "$t(common.home)",
+            "explore": "esplora dalla tua libreria",
+            "recentlyPlayed": "riprodotti recentemente"
+        },
+        "albumDetail": {
+            "moreFromArtist": "di più da questo $t(entity.artist_one)",
+            "moreFromGeneric": "di più da {{item}}"
+        },
+        "setting": {
+            "playbackTab": "riproduzione",
+            "generalTab": "generale",
+            "hotkeysTab": "tasti a scelta rapida",
+            "windowTab": "finestra"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "comandi server",
+                "goToPage": "vai alla pagina",
+                "searchFor": "cerca per {{query}}"
+            },
+            "title": "comandi"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "elimina $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) eliminata correttamente",
+            "input_confirm": "digita il nome della $t(entity.playlist_one) per confermare"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "crea $t(entity.playlist_one)",
+            "input_public": "publico",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) creata con successo",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "aggiungi server",
+            "input_username": "nome utente",
+            "input_url": "url",
+            "input_password": "password",
+            "input_legacyAuthentication": "abilita autenticazione legacy",
+            "input_name": "nome server",
+            "success": "server aggiunto con successo",
+            "input_savePassword": "salva password",
+            "ignoreSsl": "ignora ssl ($t(common.restartRequired))",
+            "ignoreCors": "ignora cors ($t(common.restartRequired))",
+            "error_savePassword": "si è verificato un errore quando si è provato a salvare la password"
+        },
+        "addToPlaylist": {
+            "success": "aggiunto {{message}} $t(entity.track_other) a {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "aggiungi a $t(entity.playlist_one)",
+            "input_skipDuplicates": "salta duplicati",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "aggiorna server",
+            "success": "server aggiornato con successo"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "soddisfa tutti",
+            "input_optionMatchAny": "soddisfa qualsiasi"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "cerca testi"
+        },
+        "editPlaylist": {
+            "title": "modifica $t(entity.playlist_one)"
+        }
+    },
+    "table": {
+        "config": {
+            "general": {
+                "displayType": "mostra tipo",
+                "gap": "$t(common.gap)",
+                "tableColumns": "tabella colonne",
+                "autoFitColumns": "adatta colonne automaticamente",
+                "size": "$t(common.size)"
+            },
+            "view": {
+                "table": "tabella",
+                "card": "Scheda"
+            },
+            "label": {
+                "releaseDate": "data rilascio",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (combinati)",
+                "dateAdded": "data aggiunta",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "ultima riproduzione",
+                "trackNumber": "numero traccia",
+                "rowIndex": "indice riga",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "numero riproduzioni",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "numero disco",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "comment": "commento",
+            "album": "album",
+            "rating": "voto",
+            "favorite": "preferito",
+            "playCount": "riproduzioni",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "anno",
+            "lastPlayed": "ultima riproduzione",
+            "biography": "biografia",
+            "releaseDate": "data di rilascio",
+            "bitrate": "bitrate",
+            "title": "titolo",
+            "bpm": "bpm",
+            "dateAdded": "data aggiunta",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "traccia",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "artista album",
+            "path": "percorso",
+            "discNumber": "disco",
+            "channels": "$t(common.channel_other)"
+        }
+    },
+    "entity": {
+        "genre_one": "genere",
+        "genre_many": "generi",
+        "genre_other": "generi",
+        "playlistWithCount_one": "{{count}} playlist",
+        "playlistWithCount_many": "{{count}} playlist",
+        "playlistWithCount_other": "{{count}} playlist",
+        "playlist_one": "playlist",
+        "playlist_many": "playlist",
+        "playlist_other": "playlist",
+        "artist_one": "artista",
+        "artist_many": "artisti",
+        "artist_other": "artisti",
+        "folderWithCount_one": "{{count}} cartella",
+        "folderWithCount_many": "{{count}} cartelle",
+        "folderWithCount_other": "{{count}} cartelle",
+        "albumArtist_one": "artista album",
+        "albumArtist_many": "artisti album",
+        "albumArtist_other": "artisti album",
+        "track_one": "traccia",
+        "track_many": "tracce",
+        "track_other": "tracce",
+        "albumArtistCount_one": "{{count}} artista album",
+        "albumArtistCount_many": "{{count}} artisti album",
+        "albumArtistCount_other": "{{count}} artisti album",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_many": "{{count}} album",
+        "albumWithCount_other": "{{count}} album",
+        "favorite_one": "preferito",
+        "favorite_many": "preferiti",
+        "favorite_other": "preferiti",
+        "artistWithCount_one": "{{count}} artista",
+        "artistWithCount_many": "{{count}} artisti",
+        "artistWithCount_other": "{{count}} artisti",
+        "folder_one": "cartella",
+        "folder_many": "cartelle",
+        "folder_other": "cartelle",
+        "smartPlaylist": "$t(entity.playlist_one) smart",
+        "album_one": "album",
+        "album_many": "album",
+        "album_other": "album",
+        "genreWithCount_one": "{{count}} genere",
+        "genreWithCount_many": "{{count}} generi",
+        "genreWithCount_other": "{{count}} generi",
+        "trackWithCount_one": "{{count}} traccia",
+        "trackWithCount_many": "{{count}} tracce",
+        "trackWithCount_other": "{{count}} tracce"
+    }
+}
diff --git a/src/i18n/locales/ja.json b/src/i18n/locales/ja.json
new file mode 100644
index 000000000..08e36d917
--- /dev/null
+++ b/src/i18n/locales/ja.json
@@ -0,0 +1,596 @@
+{
+    "player": {
+        "repeat_all": "全曲リピート",
+        "stop": "停止",
+        "repeat": "リピート",
+        "queue_remove": "選択項目を削除",
+        "playRandom": "ランダム再生",
+        "skip": "スキップ",
+        "previous": "前へ",
+        "toggleFullscreenPlayer": "フルスクリーンプレーヤーの切り替え",
+        "skip_back": "前へスキップ",
+        "favorite": "お気に入り",
+        "next": "次へ",
+        "shuffle": "シャッフル",
+        "playbackFetchNoResults": "曲が見つかりません",
+        "playbackFetchInProgress": "曲を読み込み中…",
+        "addNext": "次へ追加",
+        "playbackSpeed": "再生速度",
+        "playbackFetchCancel": "処理に時間がかかります… 通知を閉じるとキャンセルします",
+        "play": "再生",
+        "repeat_off": "リピート無効",
+        "queue_clear": "キューをクリア",
+        "muted": "ミュート中",
+        "unfavorite": "お気に入り解除",
+        "queue_moveToTop": "選択項目を先末尾に移動",
+        "queue_moveToBottom": "選択項目を先頭に移動",
+        "shuffle_off": "シャッフル無効",
+        "addLast": "最後へ追加",
+        "mute": "ミュート",
+        "skip_forward": "次へスキップ",
+        "pause": "一時停止"
+    },
+    "setting": {
+        "crossfadeStyle_description": "オーディオプレーヤーが使用するクロスフェードのスタイルを選択します",
+        "remotePort_description": "リモートコントロール サーバーのポートを設定します",
+        "hotkey_skipBackward": "前にスキップ",
+        "replayGainMode_description": "ファイルのメタデータに保存されている {{ReplayGain}} 値に従って音量ゲインを調整します",
+        "volumeWheelStep_description": "音量スライダーでマウスホイールをスクロールしたときに変化する音量を設定します",
+        "audioDevice_description": "再生に使用するオーディオデバイスを選択します (Webプレーヤーのみ)",
+        "theme_description": "アプリケーションに使用するテーマを設定します",
+        "hotkey_playbackPause": "一時停止",
+        "replayGainFallback": "{{ReplayGain}} フォールバック",
+        "sidebarCollapsedNavigation_description": "折りたたみサイドバーのナビゲーションを表示/非表示にします",
+        "mpvExecutablePath_help": "1行ごとに1アイテム",
+        "hotkey_volumeUp": "音量を上げる",
+        "skipDuration": "スキップの長さ",
+        "discordIdleStatus_description": "プレイヤーがアイドル状態でもステータスを更新します",
+        "showSkipButtons": "スキップボタンを表示",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "最小 Scrobble 時間 (%)",
+        "lyricFetch": "インターネットから歌詞を取得",
+        "scrobble": "Scrobble",
+        "skipDuration_description": "プレーヤーバーのスキップボタンでスキップする時間を設定します",
+        "enableRemote_description": "リモートコントロール サーバーを有効化し、他のデバイスからアプリケーションを制御できるようにします",
+        "fontType_optionSystem": "システムフォント",
+        "mpvExecutablePath_description": "mpvの実行ファイルが存在するパスを設定します",
+        "replayGainClipping_description": "自動的にゲインを下げて {{ReplayGain}} によるクリッピングを防ぎます",
+        "replayGainPreamp": "{{ReplayGain}} プリアンプ (dB)",
+        "hotkey_favoriteCurrentSong": "$t(common.currentSong) をお気に入り",
+        "sampleRate": "サンプルレート",
+        "crossfadeStyle": "クロスフェードスタイル",
+        "sidePlayQueueStyle_optionAttached": "結合",
+        "sidebarConfiguration": "サイドバー設定",
+        "sampleRate_description": "設定とメディアのサンプル周波数が異なる場合に使用する出力サンプルレートを選択します",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainClipping": "{{ReplayGain}} クリッピング",
+        "hotkey_zoomIn": "拡大",
+        "scrobble_description": "再生した音楽をメディアサーバーから Scrobble します",
+        "hotkey_browserForward": "ブラウザ 進む",
+        "audioExclusiveMode_description": "専用の排他出力モードを有効にします。 このモードでは、システムの他の出力がロックされ、mpvだけがオーディオを出力できるようになります",
+        "discordUpdateInterval": "{{discord}} Rich Presenceアップデート間隔",
+        "themeLight": "テーマ (ライト)",
+        "fontType_optionBuiltIn": "組み込みフォント",
+        "hotkey_playbackPlayPause": "再生 / 一時停止",
+        "hotkey_rate1": "1つ星で評価",
+        "hotkey_skipForward": "次へスキップ",
+        "disableLibraryUpdateOnStartup": "起動時の新バージョンチェックを無効にします",
+        "discordApplicationId_description": "{{discord}} にRich Presenceステータスを表示するためのアプリケーションID (デフォルトは {{defaultId}} です)",
+        "sidePlayQueueStyle": "サイド再生キュースタイル",
+        "gaplessAudio": "ギャップレス再生",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "zoom": "ズーム率",
+        "minimizeToTray_description": "最小化ボタンが押された際、システムトレイに格納します",
+        "hotkey_playbackPlay": "再生",
+        "hotkey_togglePreviousSongFavorite": "$t(common.previousSong) をお気に入り登録/解除",
+        "hotkey_volumeDown": "音量を下げる",
+        "hotkey_unfavoritePreviousSong": "$t(common.previousSong) をお気に入り解除",
+        "audioPlayer_description": "再生に使用するオーディオプレーヤーを選択します",
+        "globalMediaHotkeys": "グローバルメディアホットキー",
+        "hotkey_globalSearch": "グローバル検索",
+        "gaplessAudio_description": "mpv用にギャップレス再生を設定します",
+        "remoteUsername_description": "リモートコントロール サーバーのユーザ名を設定します。 ユーザー名とパスワードの両方が空の場合、認証は無効になります",
+        "disableAutomaticUpdates": "自動更新を無効化",
+        "exitToTray_description": "アプリケーション終了ボタンが押された際、システムトレイに格納します",
+        "followLyric_description": "現在の再生位置に歌詞をスクロールします",
+        "hotkey_favoritePreviousSong": "$t(common.previousSong) をお気に入り",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "歌詞オフセット (ミリ秒)",
+        "discordUpdateInterval_description": "更新間隔 (秒単位, 最小15秒)",
+        "fontType_optionCustom": "カスタムフォント",
+        "themeDark_description": "アプリケーションに使用するダークテーマを設定します",
+        "audioExclusiveMode": "オーディオ排他モード",
+        "remotePassword": "リモートコントロール サーバー パスワード",
+        "lyricFetchProvider": "歌詞取得先",
+        "language_description": "アプリケーションの言語を設定します ($t(common.restartRequired))",
+        "playbackStyle_optionCrossFade": "クロスフェード",
+        "hotkey_rate3": "3つ星で評価",
+        "font": "フォント",
+        "mpvExtraParameters": "mpv パラメーター",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "アプリケーションに使用するライトテーマを設定します",
+        "hotkey_toggleFullScreenPlayer": "フルスクリーンプレーヤーの切り替え",
+        "hotkey_localSearch": "ページ内検索",
+        "hotkey_toggleQueue": "キューの切り替え",
+        "zoom_description": "アプリケーションのズーム率を設定します",
+        "remotePassword_description": "リモートコントロール サーバーのパスワードを設定します。 ログイン情報はデフォルトでセキュアな通信がされないため、個人情報と関係ないランダムなパスワードを利用してください",
+        "hotkey_rate5": "5つ星で評価",
+        "hotkey_playbackPrevious": "前のトラック",
+        "showSkipButtons_description": "プレーヤーバーのスキップボタンを表示/非表示にします",
+        "crossfadeDuration_description": "クロスフェード効果の時間を設定します",
+        "language": "言語",
+        "playbackStyle": "再生スタイル",
+        "hotkey_toggleShuffle": "シャッフルの切り替え",
+        "theme": "テーマ",
+        "playbackStyle_description": "オーディオプレーヤーに使用する再生スタイルを選択します",
+        "discordRichPresence_description": "{{discord}} のRich Presenceに再生ステータスを表示するようにします。画像キー: {{icon}}, {{playing}}, {{paused}} ",
+        "mpvExecutablePath": "mpv 実行ファイルパス",
+        "audioDevice": "オーディオデバイス",
+        "hotkey_rate2": "2つ星で評価",
+        "playButtonBehavior_description": "キューに曲を追加するときの再生ボタンのデフォルトの動作を設定します",
+        "minimumScrobblePercentage_description": "Scrobbleされるために必要な最短の再生時間(%)",
+        "exitToTray": "終了時にシステムトレイに格納",
+        "hotkey_rate4": "4つ星で評価",
+        "enableRemote": "リモートコントロール サーバーを有効化",
+        "showSkipButton_description": "プレーヤーバーのスキップボタンを表示/非表示にします",
+        "savePlayQueue": "再生キューを保存",
+        "minimumScrobbleSeconds_description": "Scrobbleされるために必要な最短の再生時間(秒)",
+        "skipPlaylistPage_description": "プレイリストに移動するときに、デフォルトページではなくプレイリストの曲リストページに移動します",
+        "fontType_description": "組み込みフォントの場合、Feishin が提供するフォントから1つを選択します。 システムフォントの場合、OSにインストール済みの任意のフォントを選択できます。 カスタムフォントの場合、フォントファイルを自身で選択できます",
+        "playButtonBehavior": "再生ボタンの動作",
+        "volumeWheelStep": "音量ホイールステップ",
+        "sidebarPlaylistList_description": "サイドバーでプレイリストのリストを表示/非表示にします",
+        "accentColor": "アクセントカラー",
+        "sidePlayQueueStyle_description": "サイド再生キューのスタイルを設定します",
+        "accentColor_description": "アプリケーションが利用するアクセントカラーを設定します",
+        "replayGainMode": "{{ReplayGain}} モード",
+        "playbackStyle_optionNormal": "通常",
+        "windowBarStyle": "ウィンドウバースタイル",
+        "floatingQueueArea": "フローティング再生キューエリアの表示",
+        "replayGainFallback_description": "ファイルに{{ReplayGain}}タグがない場合に適用するゲイン (dB単位)",
+        "replayGainPreamp_description": "{{ReplayGain}}の値に適用されるプリアンプゲインを調整します",
+        "hotkey_toggleRepeat": "リピートの切り替え",
+        "lyricOffset_description": "歌詞のオフセットをミリ秒単位で指定します",
+        "sidebarConfiguration_description": "サイドバーに表示されるアイテムと並び順を選択します",
+        "fontType": "フォントタイプ",
+        "remotePort": "リモートコントロール サーバー ポート",
+        "applicationHotkeys": "アプリケーションホットキー",
+        "hotkey_playbackNext": "次のトラック",
+        "useSystemTheme_description": "システム設定のライト/ダークテーマに従います",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "様々なインターネットソースから歌詞を取得します",
+        "lyricFetchProvider_description": "歌詞を取得するサービスを選択します。サービスの並び順に検索されます",
+        "globalMediaHotkeys_description": "システムのメディアホットキーでの再生コントロールを有効/無効化します",
+        "customFontPath": "カスタムフォントパス",
+        "followLyric": "歌詞を再生位置に追従",
+        "crossfadeDuration": "クロスフェードの長さ",
+        "discordIdleStatus": "アイドル状態でRich Presenceステータスを表示",
+        "sidePlayQueueStyle_optionDetached": "分離",
+        "audioPlayer": "オーディオプレーヤー",
+        "hotkey_zoomOut": "縮小",
+        "hotkey_unfavoriteCurrentSong": "$t(common.currentSong) をお気に入り解除",
+        "hotkey_rate0": "評価をクリア",
+        "discordApplicationId": "{{discord}} アプリケーション ID",
+        "applicationHotkeys_description": "アプリケーションのホットキーを設定します。 チェックボックスを切り替えて、グローバルホットキー(デスクトップのみ)として設定できます",
+        "floatingQueueArea_description": "画面右側に、再生キューをフローティング表示するためのホバーアイコンが表示されます",
+        "hotkey_volumeMute": "音量をミュート",
+        "hotkey_toggleCurrentSongFavorite": "$t(common.currentSong) をお気に入り登録/解除",
+        "remoteUsername": "リモートコントロール サーバー ユーザー名",
+        "hotkey_browserBack": "ブラウザ 戻る",
+        "showSkipButton": "スキップボタンを表示",
+        "sidebarPlaylistList": "サイドバー プレイリスト リスト",
+        "minimizeToTray": "最小化時にシステムトレイに格納",
+        "skipPlaylistPage": "プレイリストページをスキップ",
+        "themeDark": "テーマ (ダーク)",
+        "sidebarCollapsedNavigation": "サイドバー (折りたたみ) ナビゲーション",
+        "customFontPath_description": "アプリケーションが使用するカスタムフォントへのパスを設定します",
+        "gaplessAudio_optionWeak": "弱 (推奨)",
+        "minimumScrobbleSeconds": "最小 Scrobble 時間 (秒)",
+        "hotkey_playbackStop": "停止",
+        "windowBarStyle_description": "ウィンドウバーのスタイルを選択します",
+        "discordRichPresence": "{{discord}} Rich Presence ステータス表示",
+        "font_description": "アプリケーションに使用するフォントを設定します",
+        "savePlayQueue_description": "アプリケーション終了時に再生キューを保存し、アプリケーション開始時に復元します",
+        "useSystemTheme": "システムテーマを使用"
+    },
+    "action": {
+        "editPlaylist": "$t(entity.playlist_one) を編集",
+        "goToPage": "ページへ移動",
+        "moveToTop": "先頭に移動",
+        "clearQueue": "キューをクリア",
+        "addToFavorites": "$t(entity.favorite_other) に追加",
+        "addToPlaylist": "$t(entity.playlist_one) に追加",
+        "createPlaylist": "$t(entity.playlist_one) を作成",
+        "removeFromPlaylist": "$t(entity.playlist_one) から削除",
+        "viewPlaylists": "$t(entity.playlist_other) を表示",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "$t(entity.playlist_one) を削除",
+        "removeFromQueue": "キューから削除",
+        "deselectAll": "すべて選択解除",
+        "moveToBottom": "末尾に移動",
+        "setRating": "評価",
+        "toggleSmartPlaylistEditor": "$t(entity.smartPlaylist) エディタの切り替え",
+        "removeFromFavorites": "$t(entity.favorite_other) から削除"
+    },
+    "common": {
+        "backward": "戻る",
+        "increase": "増加",
+        "rating": "評価",
+        "bpm": "BPM",
+        "refresh": "再読み込み",
+        "unknown": "不明",
+        "areYouSure": "実行しますか?",
+        "edit": "編集",
+        "favorite": "お気に入り",
+        "left": "左側",
+        "save": "保存",
+        "right": "右側",
+        "currentSong": "現在の $t(entity.track_one)",
+        "collapse": "折りたたみ",
+        "trackNumber": "トラック",
+        "descending": "降順",
+        "add": "追加",
+        "gap": "ギャップ",
+        "ascending": "昇順",
+        "dismiss": "無視",
+        "year": "年",
+        "manage": "管理",
+        "limit": "制限",
+        "minimize": "最小化",
+        "modified": "変更済み",
+        "duration": "長さ",
+        "name": "名前",
+        "maximize": "最大化",
+        "decrease": "減少",
+        "ok": "OK",
+        "description": "説明",
+        "configure": "設定",
+        "path": "パス",
+        "center": "中央",
+        "no": "いいえ",
+        "owner": "所有者",
+        "enable": "有効",
+        "clear": "クリア",
+        "forward": "進む",
+        "delete": "削除",
+        "cancel": "キャンセル",
+        "forceRestartRequired": "変更を適用するために再起動が必要です… 通知を閉じると再起動します",
+        "setting": "設定",
+        "version": "バージョン",
+        "title": "タイトル",
+        "filter_other": "フィルタ",
+        "filters": "フィルタ",
+        "create": "作成",
+        "bitrate": "ビットレート",
+        "saveAndReplace": "保存して変更",
+        "action_other": "アクション",
+        "playerMustBePaused": "プレイヤーを一時停止する必要があります",
+        "confirm": "確認",
+        "resetToDefault": "デフォルトにリセット",
+        "home": "ホーム",
+        "comingSoon": "近日利用可能になる予定です…",
+        "reset": "リセット",
+        "channel_other": "チャンネル",
+        "disable": "無効",
+        "sortOrder": "順序",
+        "none": "なし",
+        "menu": "メニュー",
+        "restartRequired": "再起動が必要です",
+        "previousSong": "前の $t(entity.track_one)",
+        "noResultsFromQuery": "条件にマッチするものがありません",
+        "quit": "終了",
+        "expand": "展開",
+        "search": "検索",
+        "saveAs": "名前を付けて保存",
+        "disc": "ディスク",
+        "yes": "はい",
+        "random": "ランダム",
+        "size": "サイズ",
+        "biography": "バイオグラフィー",
+        "note": "ノート"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "card": "カード",
+                "table": "テーブル",
+                "poster": "ポスター"
+            },
+            "general": {
+                "displayType": "表示タイプ",
+                "gap": "$t(common.gap)",
+                "tableColumns": "テーブル カラム",
+                "autoFitColumns": "カラム長を自動調整",
+                "size": "$t(common.size)"
+            },
+            "label": {
+                "releaseDate": "リリース日時",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (結合)",
+                "dateAdded": "追加された日時",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "最後に再生",
+                "trackNumber": "トラック番号",
+                "rowIndex": "行インデックス",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "再生回数",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "ディスク番号",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "comment": "コメント",
+            "album": "アルバム",
+            "rating": "評価",
+            "favorite": "お気に入り",
+            "playCount": "再生回数",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "年",
+            "lastPlayed": "最後に再生",
+            "biography": "バイオグラフィー",
+            "releaseDate": "リリース日時",
+            "bitrate": "ビットレート",
+            "title": "タイトル",
+            "bpm": "BPM",
+            "dateAdded": "追加された日時",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "トラック",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "アルバムアーティスト",
+            "path": "パス",
+            "discNumber": "ディスク",
+            "channels": "$t(common.channel_other)"
+        }
+    },
+    "error": {
+        "remotePortWarning": "新たなポート設定を適用するためサーバーを再起動してください",
+        "systemFontError": "システムフォントを取得する際にエラーが発生しました",
+        "playbackError": "メディアの再生開始時にエラーが発生しました",
+        "remotePortError": "リモートサーバーのポート設定時にエラーが発生しました",
+        "serverRequired": "サーバーが必要です",
+        "authenticationFailed": "認証に失敗しました",
+        "apiRouteError": "リクエストをルーティングできません",
+        "genericError": "エラーが発生しました",
+        "credentialsRequired": "ログイン情報が必要です",
+        "sessionExpiredError": "セッションの有効期限が切れました",
+        "remoteEnableError": "リモートサーバーを $t(common.enable) にする際にエラーが発生しました",
+        "localFontAccessDenied": "ローカルフォントへのアクセスが拒否されました",
+        "serverNotSelectedError": "サーバーが選択されていません",
+        "remoteDisableError": "リモートサーバーを $t(common.disable) にする際にエラーが発生しました",
+        "mpvRequired": "MPVが必要です",
+        "audioDeviceFetchError": "オーディオデバイスの取得時にエラーが発生しました",
+        "invalidServer": "無効なサーバー",
+        "loginRateError": "ログイン試行回数が多すぎます、数秒後に再試行してください",
+        "endpointNotImplementedError": "{{serverType}} にはエンドポイント {{endpoint}} が実装されていません"
+    },
+    "filter": {
+        "mostPlayed": "最も多く再生",
+        "playCount": "再生回数",
+        "isCompilation": "コンピレーションアルバム",
+        "recentlyPlayed": "最近の再生",
+        "isRated": "評価済み",
+        "title": "タイトル",
+        "rating": "評価",
+        "search": "検索",
+        "bitrate": "ビットレート",
+        "recentlyAdded": "最近の追加",
+        "note": "ノート",
+        "name": "名前",
+        "dateAdded": "追加された日時",
+        "releaseDate": "リリース日時",
+        "communityRating": "コミュニティの評価",
+        "path": "パス",
+        "favorited": "お気に入り",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "最近再生済み",
+        "isFavorited": "お気に入り済み",
+        "bpm": "BPM",
+        "releaseYear": "リリース年",
+        "disc": "ディスク",
+        "biography": "バイオグラフィー",
+        "songCount": "曲数",
+        "artist": "$t(entity.artist_one)",
+        "duration": "長さ",
+        "random": "ランダム",
+        "lastPlayed": "最後に再生",
+        "toYear": "年まで",
+        "fromYear": "年から",
+        "criticRating": "批評家の評価",
+        "trackNumber": "トラック",
+        "comment": "コメント",
+        "recentlyUpdated": "新規更新",
+        "isPublic": "共有済み",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "albumCount": "$t(entity.album_other) 個",
+        "id": "id",
+        "album": "$t(entity.album_one)"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "再生中",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "歌詞のマッチを表示",
+                "dynamicBackground": "ダイナミック背景",
+                "synchronized": "同期",
+                "followCurrentLyric": "歌詞を再生位置に追従",
+                "opacity": "非透過率",
+                "lyricSize": "歌詞のサイズ",
+                "showLyricProvider": "歌詞の提供元を表示",
+                "unsynchronized": "非同期",
+                "lyricAlignment": "歌詞の位置",
+                "useImageAspectRatio": "画像のアスペクト比を使用する",
+                "lyricGap": "歌詞の間隔"
+            },
+            "upNext": "次へ",
+            "lyrics": "歌詞",
+            "related": "関連"
+        },
+        "appMenu": {
+            "selectServer": "サーバを選択",
+            "version": "バージョン {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "サーバーの管理",
+            "expandSidebar": "サイドバーを展開",
+            "collapseSidebar": "サイドバーを折りたたむ",
+            "openBrowserDevtools": "ブラウザの開発者ツールを開く",
+            "quit": "$t(common.quit)",
+            "goBack": "戻る",
+            "goForward": "進む"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} 個 選択",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "最も多く再生",
+            "newlyAdded": "新規追加リリース",
+            "title": "$t(common.home)",
+            "explore": "ライブラリから検索",
+            "recentlyPlayed": "最近の再生"
+        },
+        "albumDetail": {
+            "moreFromArtist": "$t(entity.artist_one) の他の項目",
+            "moreFromGeneric": "{{item}} の他の項目"
+        },
+        "setting": {
+            "playbackTab": "再生",
+            "generalTab": "一般",
+            "hotkeysTab": "ホットキー",
+            "windowTab": "ウィンドウ"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "サーバーコマンド",
+                "goToPage": "ページへ移動",
+                "searchFor": "{{query}} を検索"
+            },
+            "title": "コマンド"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "$t(entity.playlist_one) を削除",
+            "success": "$t(entity.playlist_one) が削除されました",
+            "input_confirm": "確認のため $t(entity.playlist_one) の名前を入力してください"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "$t(entity.playlist_one) を作成",
+            "input_public": "公開",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) を作成しました",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "サーバーを追加",
+            "input_username": "ユーザー名",
+            "input_url": "URL",
+            "input_password": "パスワード",
+            "input_legacyAuthentication": "レガシー認証を有効化",
+            "input_name": "サーバー名",
+            "success": "サーバーが追加されました",
+            "input_savePassword": "パスワードを保存",
+            "ignoreSsl": "SSLを無視 ($t(common.restartRequired))",
+            "ignoreCors": "CORSを無視 ($t(common.restartRequired))",
+            "error_savePassword": "パスワードを保存する際にエラーが発生しました"
+        },
+        "addToPlaylist": {
+            "success": "{{message}} $t(entity.track_other) を {{numOfPlaylists}} $t(entity.playlist_other) に追加しました",
+            "title": "$t(entity.playlist_one) に追加",
+            "input_skipDuplicates": "重複をスキップ",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "サーバーをアップデート",
+            "success": "サーバーがアップデートされました"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "すべて一致",
+            "input_optionMatchAny": "一部一致"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "歌詞検索"
+        },
+        "editPlaylist": {
+            "title": "$t(entity.playlist_one) を編集"
+        }
+    },
+    "entity": {
+        "genre_other": "ジャンル",
+        "playlistWithCount_other": "{{count}} プレイリスト",
+        "playlist_other": "プレイリスト",
+        "artist_other": "アーティスト",
+        "folderWithCount_other": "{{count}} フォルダ",
+        "albumArtist_other": "アルバムアーティスト",
+        "track_other": "トラック",
+        "albumArtistCount_other": "{{count}} アルバムアーティスト",
+        "albumWithCount_other": "{{count}} アルバム",
+        "favorite_other": "お気に入り",
+        "artistWithCount_other": "{{count}} アーティスト",
+        "folder_other": "フォルダ",
+        "smartPlaylist": "スマート $t(entity.playlist_one)",
+        "album_other": "アルバム",
+        "genreWithCount_other": "{{count}} ジャンル",
+        "trackWithCount_other": "{{count}} トラック"
+    }
+}
diff --git a/src/i18n/locales/nb-NO.json b/src/i18n/locales/nb-NO.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/src/i18n/locales/nb-NO.json
@@ -0,0 +1 @@
+{}
diff --git a/src/i18n/locales/nl.json b/src/i18n/locales/nl.json
new file mode 100644
index 000000000..78bdf5a60
--- /dev/null
+++ b/src/i18n/locales/nl.json
@@ -0,0 +1,232 @@
+{
+    "action": {
+        "editPlaylist": "pas $t(entity.playlist_one) aan",
+        "goToPage": "ga naar pagina",
+        "moveToTop": "verplaats naar top",
+        "addToFavorites": "toevoegen aan $t(entity.favorite_other)",
+        "addToPlaylist": "toevoegen aan $t(entity.playlist_one)",
+        "createPlaylist": "maak $t(entity.playlist_one)",
+        "removeFromPlaylist": "verwijder van $t(entity.playlist_one)",
+        "viewPlaylists": "bekijk $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "verwijder $t(entity.playlist_one)",
+        "removeFromQueue": "verwijder van lijst",
+        "deselectAll": "deselecteer alles",
+        "moveToBottom": "verplaats naar bodem",
+        "setRating": "selecteer rating",
+        "toggleSmartPlaylistEditor": "editor $t(entity.smartPlaylist) schakelen",
+        "removeFromFavorites": "verwijder van $t(entity.favorite_other)",
+        "clearQueue": "lijst leegmaken"
+    },
+    "common": {
+        "backward": "achteruit",
+        "increase": "verhogen",
+        "rating": "rating",
+        "bpm": "bpm",
+        "areYouSure": "weet je het zeker?",
+        "edit": "aanpassen",
+        "favorite": "favoriet",
+        "left": "links",
+        "currentSong": "huidig $t(entity.track_one)",
+        "collapse": "samenvouwen",
+        "descending": "aflopend",
+        "add": "toevoegen",
+        "gap": "gat",
+        "ascending": "oplopend",
+        "dismiss": "negeren",
+        "manage": "beheren",
+        "limit": "limiet",
+        "minimize": "minimaliseren",
+        "modified": "aangepast",
+        "duration": "duur",
+        "name": "naam",
+        "maximize": "maximaliseren",
+        "decrease": "verminder",
+        "ok": "ok",
+        "description": "beschrijving",
+        "configure": "configureren",
+        "path": "pad",
+        "center": "centreren",
+        "no": "nee",
+        "owner": "eigenaar",
+        "enable": "activeren",
+        "clear": "opschonen",
+        "forward": "vooruit",
+        "delete": "verwijder",
+        "cancel": "annuleer",
+        "forceRestartRequired": "herstart om aanpassingen toe te passen... wanneer de notificatie gesloten wordt zal de applicatie herstarten",
+        "filter_one": "filter",
+        "filter_other": "filters",
+        "filters": "filters",
+        "create": "aanmaken",
+        "bitrate": "bitrate",
+        "action_one": "actie",
+        "action_other": "acties",
+        "playerMustBePaused": "player moet gepauzeerd zijn",
+        "confirm": "bevestig",
+        "home": "home",
+        "comingSoon": "komt binnenkort…",
+        "channel_one": "kanaal",
+        "channel_other": "kanalen",
+        "disable": "deactiveren",
+        "none": "geen",
+        "menu": "menu",
+        "previousSong": "vorige $t(entity.track_one)",
+        "noResultsFromQuery": "de zoekopdracht leverde geen resultaten op",
+        "quit": "sluiten",
+        "expand": "vergroten",
+        "disc": "disk",
+        "random": "willekeurig",
+        "biography": "biografie",
+        "note": "Opmerking",
+        "refresh": "verversen",
+        "unknown": "onbekend",
+        "save": "opslaan",
+        "right": "rechts",
+        "trackNumber": "track",
+        "year": "jaar",
+        "version": "versie",
+        "title": "titel",
+        "saveAndReplace": "opslaan en vervangen",
+        "resetToDefault": "herstellen naar standaard",
+        "reset": "terugzetten",
+        "sortOrder": "volgorde",
+        "restartRequired": "herstart is nodig",
+        "search": "zoeken",
+        "saveAs": "opslaan als",
+        "yes": "ja",
+        "size": "grootte"
+    },
+    "filter": {
+        "rating": "rating",
+        "communityRating": "community rating",
+        "criticRating": "criticus rating",
+        "mostPlayed": "meest gespeeld",
+        "comment": "commentaar",
+        "playCount": "aantal keer afgespeeld",
+        "recentlyUpdated": "recentelijk geüpdate",
+        "channels": "$t(common.channel_other)",
+        "isCompilation": "is compilatie",
+        "recentlyPlayed": "recentelijk afgespeeld",
+        "isRated": "is rated",
+        "owner": "$t(common.owner)",
+        "bitrate": "bitrate",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "recentelijk toegevoegd",
+        "note": "notitie",
+        "name": "naam",
+        "dateAdded": "datum toegevoegd",
+        "albumCount": "$t(entity.album_other) totaal",
+        "path": "pad",
+        "favorited": "favoriet",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "is recentelijk afgespeeld",
+        "isFavorited": "is favoriet",
+        "bpm": "bpm",
+        "id": "id",
+        "disc": "disk",
+        "biography": "biografie",
+        "artist": "$t(entity.artist_one)",
+        "duration": "duratie",
+        "isPublic": "is publiek",
+        "random": "willekeurig",
+        "lastPlayed": "laatst gespeeld",
+        "fromYear": "van jaar",
+        "album": "$t(entity.album_one)",
+        "title": "titel",
+        "search": "zoeken",
+        "releaseDate": "releasedatum",
+        "releaseYear": "release jaar",
+        "songCount": "aantal nummers",
+        "toYear": "tot jaar",
+        "trackNumber": "track"
+    },
+    "page": {
+        "contextMenu": {
+            "setRating": "$t(action.setRating)"
+        }
+    },
+    "error": {
+        "remotePortWarning": "herstart de server om de nieuwe poort in te stellen",
+        "systemFontError": "er is iets fout gegaan tijdens het verkrijgen van systeem fonts",
+        "playbackError": "er is iets fout gegaan bij het afspelen van de media",
+        "endpointNotImplementedError": "endpoint {{endpoint}} is niet geïmplementeerd voor {{serverType}}",
+        "remotePortError": "er is iets fout gegaan tijdens het selecteren van de remote server",
+        "serverRequired": "server vereist",
+        "authenticationFailed": "authenticatie mislukt",
+        "apiRouteError": "verzoek kan niet doorgestuurd worden",
+        "genericError": "er is iets fout gegaan",
+        "credentialsRequired": "inloggegevens vereist",
+        "sessionExpiredError": "jouw sessie is verlopen",
+        "remoteEnableError": "er is iets fout gegaan tijdens het $t(common.enable) van de remote server",
+        "localFontAccessDenied": "toegang geweigerd tot lokale fonts",
+        "serverNotSelectedError": "geen server geselecteerd",
+        "remoteDisableError": "er is iets fout gegaan tijdens het $t(common.disable) van de remote server",
+        "mpvRequired": "MPV vereist",
+        "audioDeviceFetchError": "er is iets mis gegaan met het ophalen van de audioapparaten",
+        "invalidServer": "ongeldige server",
+        "loginRateError": "te veel login pogingen, probeer het opnieuw in een paar seconde"
+    },
+    "entity": {
+        "genre_one": "genre",
+        "genre_other": "genres",
+        "playlistWithCount_one": "{{count}} afspeellijst",
+        "playlistWithCount_other": "{{count}} afspeellijsten",
+        "playlist_one": "afspeellijst",
+        "playlist_other": "afspeellijsten",
+        "artist_one": "artiest",
+        "artist_other": "artiesten",
+        "folderWithCount_one": "{{count}} folder",
+        "folderWithCount_other": "{{count}} folders",
+        "albumArtist_one": "album artiest",
+        "albumArtist_other": "album artiesten",
+        "track_one": "track",
+        "track_other": "tracks",
+        "albumArtistCount_one": "{{count}} album artiest",
+        "albumArtistCount_other": "{{count}} album artiesten",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_other": "{{count}} albums",
+        "favorite_one": "favoriet",
+        "favorite_other": "favorieten",
+        "artistWithCount_one": "{{count}} artiest",
+        "artistWithCount_other": "{{count}} artiesten",
+        "folder_one": "folder",
+        "folder_other": "folders",
+        "smartPlaylist": "smart $t(entity.playlist_one)",
+        "album_one": "album",
+        "album_other": "albums",
+        "genreWithCount_one": "{{count}} genre",
+        "genreWithCount_other": "{{count}} genres",
+        "trackWithCount_one": "{{count}} track",
+        "trackWithCount_other": "{{count}} tracks"
+    },
+    "table": {
+        "column": {
+            "rating": "rating"
+        },
+        "config": {
+            "label": {
+                "rating": "$t(common.rating)"
+            }
+        }
+    },
+    "setting": {
+        "hotkey_rate5": "rating 5 sterren",
+        "hotkey_rate4": "rating 4 sterren"
+    },
+    "form": {
+        "addServer": {
+            "title": "server toevoegen",
+            "input_username": "gebruikersnaam",
+            "input_url": "url",
+            "input_password": "wachtwoord",
+            "input_legacyAuthentication": "activeer legacy authenticatie",
+            "input_name": "server naam",
+            "success": "server met succes toegevoegd",
+            "input_savePassword": "wachtwoord opslaan",
+            "ignoreSsl": "negeer ssl $t(common.restartRequired)",
+            "ignoreCors": "negeer cors $t(common.restartRequired)",
+            "error_savePassword": "er is iets mis gegaan met het opslaan van het wachtwoord"
+        }
+    }
+}
diff --git a/src/i18n/locales/pl.json b/src/i18n/locales/pl.json
new file mode 100644
index 000000000..747ff0163
--- /dev/null
+++ b/src/i18n/locales/pl.json
@@ -0,0 +1,632 @@
+{
+    "action": {
+        "editPlaylist": "edytuj $t(entity.playlist_one)",
+        "goToPage": "idź do strony",
+        "clearQueue": "wyczyść kolejkę",
+        "addToFavorites": "dodaj do $t(entity.favorite_other)",
+        "removeFromPlaylist": "usuń z $t(entity.playlist_one)",
+        "viewPlaylists": "zobacz $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "removeFromQueue": "usuń z kolejki",
+        "deselectAll": "odznacz wszystko",
+        "toggleSmartPlaylistEditor": "przełącz edytor $t(entity.smartPlaylist)",
+        "removeFromFavorites": "usuń z $t(entity.favorite_other)",
+        "moveToTop": "przesuń na górę",
+        "addToPlaylist": "dodaj do $t(entity.playlist_one)",
+        "createPlaylist": "utwórz $t(entity.playlist_one)",
+        "deletePlaylist": "usuń $t(entity.playlist_one)",
+        "moveToBottom": "przesuń na dół",
+        "setRating": "oceń"
+    },
+    "common": {
+        "increase": "zwiększ",
+        "rating": "ocena",
+        "bpm": "bpm",
+        "refresh": "odśwież",
+        "unknown": "nieznany",
+        "areYouSure": "czy jesteś pewien?",
+        "edit": "edytuj",
+        "favorite": "ulubiony",
+        "save": "zapisz",
+        "right": "prawo",
+        "trackNumber": "utwór",
+        "descending": "malejąco",
+        "add": "dodaj",
+        "ascending": "rosnąco",
+        "dismiss": "anuluj",
+        "year": "rok",
+        "limit": "limit",
+        "minimize": "zminimalizuj",
+        "modified": "zmodyfikowany",
+        "duration": "długość",
+        "name": "nazwa",
+        "maximize": "zmaksymalizuj",
+        "ok": "ok",
+        "description": "opis",
+        "configure": "konfiguruj",
+        "no": "nie",
+        "owner": "właściciel",
+        "enable": "włącz",
+        "clear": "wyczyść",
+        "forward": "do przodu",
+        "delete": "usuń",
+        "cancel": "cofnij",
+        "forceRestartRequired": "zrestartuj aby zastosować zmiany... zamknij powiadomienie aby zrestartować",
+        "setting": "ustawienia",
+        "version": "wersja",
+        "title": "tytuł",
+        "filter_one": "filtr",
+        "filter_few": "filtry",
+        "filter_many": "filtrów",
+        "filters": "filtry",
+        "create": "stwórz",
+        "bitrate": "bitrate",
+        "saveAndReplace": "zapisz i zamień",
+        "action_one": "akcja",
+        "action_few": "akcje",
+        "action_many": "akcji",
+        "playerMustBePaused": "odtwarzacz musi być zapauzowany",
+        "confirm": "potwierdź",
+        "resetToDefault": "przywróć do domyślnych",
+        "home": "główna",
+        "comingSoon": "już wkrótce…",
+        "reset": "zresetuj",
+        "channel_one": "kanał",
+        "channel_few": "kanałów",
+        "channel_many": "kanałów",
+        "disable": "wyłącz",
+        "sortOrder": "kolejność",
+        "none": "żaden",
+        "menu": "menu",
+        "restartRequired": "wymagany restart",
+        "previousSong": "poprzedni $t(entity.track_one)",
+        "noResultsFromQuery": "kolejka zwróciła brak wyników",
+        "quit": "wyjdź",
+        "expand": "rozszerz",
+        "search": "szukaj",
+        "saveAs": "zapisz jako",
+        "disc": "płyta",
+        "yes": "tak",
+        "random": "losowy",
+        "size": "wielkość",
+        "biography": "biografia",
+        "backward": "wstecz",
+        "left": "lewo",
+        "currentSong": "obecnie $t(entity.track_one)",
+        "collapse": "zwiń",
+        "gap": "luka",
+        "manage": "zarządzaj",
+        "decrease": "obniż",
+        "path": "ścieżka",
+        "center": "środkowy",
+        "note": "notatka"
+    },
+    "entity": {
+        "genre_one": "gatunek",
+        "genre_few": "gatunków",
+        "genre_many": "gatunków",
+        "artist_one": "artysta",
+        "artist_few": "artystów",
+        "artist_many": "artystów",
+        "albumArtist_one": "artysta albumu",
+        "albumArtist_few": "artysta albumów",
+        "albumArtist_many": "artysta albumów",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_few": "{{count}} albumów",
+        "albumWithCount_many": "{{count}} albumów",
+        "favorite_one": "ulubiony",
+        "favorite_few": "ulubione",
+        "favorite_many": "ulubione",
+        "artistWithCount_one": "{{count}} artysta",
+        "artistWithCount_few": "{{count}} artystów",
+        "artistWithCount_many": "{{count}} artystów",
+        "folder_one": "katalog",
+        "folder_few": "katalogi",
+        "folder_many": "katalogów",
+        "album_one": "album",
+        "album_few": "albumów",
+        "album_many": "albumów",
+        "playlistWithCount_one": "{{count}} lista odtwarzania",
+        "playlistWithCount_few": "{{count}} listy odtwarzania",
+        "playlistWithCount_many": "{{count}} list odtwarzania",
+        "playlist_one": "lista odtwarzania",
+        "playlist_few": "listy odtwarzania",
+        "playlist_many": "list odtwarzania",
+        "folderWithCount_one": "{{count}} katalog",
+        "folderWithCount_few": "{{count}} katalogi",
+        "folderWithCount_many": "{{count}} katalogów",
+        "track_one": "utwór",
+        "track_few": "utwory",
+        "track_many": "utworów",
+        "albumArtistCount_one": "{{count}} wykonawca albumu",
+        "albumArtistCount_few": "{{count}} wykonawców albumu",
+        "albumArtistCount_many": "{{count}} wykonawców albumu",
+        "smartPlaylist": "inteligentna $t(entity.playlist_one)",
+        "genreWithCount_one": "{{count}} gatunek",
+        "genreWithCount_few": "{{count}} gatunki",
+        "genreWithCount_many": "{{count}} gatunków",
+        "trackWithCount_one": "{{count}} utwór",
+        "trackWithCount_few": "{{count}} utwory",
+        "trackWithCount_many": "{{count}} utworów"
+    },
+    "error": {
+        "remotePortWarning": "uruchom ponownie serwer aby używać nowego portu",
+        "systemFontError": "wystąpił błąd podczas próby pobrania czcionek systemowych",
+        "playbackError": "wystąpił błąd podczas próby odtwarzania mediów",
+        "endpointNotImplementedError": "punkt końcowy {{endpoint}} nie został zaimplementowany dla {{serverType}}",
+        "remotePortError": "wystąpił problem podczas ustawiania portu dla zdalnego serwera",
+        "serverRequired": "wymagany serwer",
+        "authenticationFailed": "uwierzytelnianie nie powiodło się",
+        "apiRouteError": "nie można wykonać żądania",
+        "genericError": "wystąpił błąd",
+        "credentialsRequired": "wymagane poświadczenia",
+        "sessionExpiredError": "twoja sesja wygasła",
+        "remoteEnableError": "wystąpił błąd podczas próby $t(common.enable) zdalnego serwera",
+        "localFontAccessDenied": "dostęp do lokalnych czcionek odrzucony",
+        "serverNotSelectedError": "nie zaznaczono serwera",
+        "remoteDisableError": "wystąpił błąd podczas próby $t(common.disable) zdalnego serwera",
+        "mpvRequired": "wymagane MPV",
+        "audioDeviceFetchError": "wystąpił błąd podczas próby znalezienia urządzeń dźwiękowych",
+        "invalidServer": "nieprawidłowy serwer",
+        "loginRateError": "zbyt dużo prób logowania, poczekaj chwilę i spróbuj ponownie"
+    },
+    "filter": {
+        "mostPlayed": "najczęściej odtwarzane",
+        "playCount": "liczba odtworzeń",
+        "isCompilation": "jest kompilacją",
+        "recentlyPlayed": "ostatnio odtwarzane",
+        "isRated": "jest ocenione",
+        "title": "tytuł",
+        "rating": "ocena",
+        "search": "wyszukaj",
+        "bitrate": "bitrate",
+        "recentlyAdded": "ostatnio dodane",
+        "note": "notatka",
+        "name": "nazwa",
+        "dateAdded": "dodano datę",
+        "releaseDate": "data premiery",
+        "communityRating": "ocena społeczności",
+        "path": "ścieżka",
+        "favorited": "ulubione",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "było niedawno odtwarzane",
+        "isFavorited": "jest ulubione",
+        "bpm": "bpm",
+        "releaseYear": "rok wydania",
+        "disc": "płyta",
+        "biography": "biografia",
+        "songCount": "liczba utworów",
+        "artist": "$t(entity.artist_one)",
+        "duration": "długość",
+        "random": "losowy",
+        "lastPlayed": "ostatnio odtwarzane",
+        "toYear": "do roku",
+        "fromYear": "od roku",
+        "criticRating": "ocena krytyków",
+        "trackNumber": "utwór",
+        "comment": "komentarz",
+        "recentlyUpdated": "ostatnio aktualizowane",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "albumCount": "liczba $t(entity.album_other)",
+        "id": "id",
+        "isPublic": "jest publiczny",
+        "album": "$t(entity.album_one)"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "usuń $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) usunięto pomyślnie",
+            "input_confirm": "wpisz nazwę $t(entity.playlist_one) aby potwierdzić"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "utwórz $t(entity.playlist_one)",
+            "input_public": "publiczny",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) utworzono pomyślnie",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "dodaj serwer",
+            "input_username": "nazwa użytkownika",
+            "input_url": "adres",
+            "input_password": "hasło",
+            "input_legacyAuthentication": "umożliw starsze uwierzytelnianie",
+            "input_name": "nazwa serwera",
+            "success": "serwer dodany pomyślnie",
+            "input_savePassword": "zapisz hasło",
+            "ignoreSsl": "zignoruj ssl ($t(common.restartRequired))",
+            "ignoreCors": "zignoruj cors ($t(common.restartRequired))",
+            "error_savePassword": "wystąpił błąd podczas próby zapisania hasła"
+        },
+        "addToPlaylist": {
+            "success": "dodano {{message}} $t(entity.track_other) do {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "dodano do $t(entity.playlist_one)",
+            "input_skipDuplicates": "pomiń duplikaty",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "uaktualnij serwer",
+            "success": "serwer zaaktualizowany pomyślnie"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "dopasuj wszystkie",
+            "input_optionMatchAny": "dopasuj dowolne"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "wyszukiwanie tekstów"
+        },
+        "editPlaylist": {
+            "title": "edytuj $t(entity.playlist_one)"
+        }
+    },
+    "page": {
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "pokaż dopasowanie tekstu",
+                "dynamicBackground": "dynamiczne tło",
+                "synchronized": "zsynchronizowane",
+                "followCurrentLyric": "podążaj za aktualnym tekstem",
+                "opacity": "przezroczystość",
+                "lyricSize": "rozmiar tekstu",
+                "showLyricProvider": "pokaż dostawce tekstu",
+                "unsynchronized": "niezsynchronizowane",
+                "lyricAlignment": "wyrównaj tekst",
+                "useImageAspectRatio": "użyj współczynnika proporcji obrazu",
+                "lyricGap": "odstępy tekstu"
+            },
+            "upNext": "następny",
+            "lyrics": "tekst",
+            "related": "powiązane"
+        },
+        "appMenu": {
+            "selectServer": "wybierz serwer",
+            "version": "wersja {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "zarządzaj serwerami",
+            "expandSidebar": "rozwiń pasek boczny",
+            "collapseSidebar": "zwiń pasek boczny",
+            "openBrowserDevtools": "otwórz narzędzia deweloperskie przeglądarki",
+            "quit": "$t(common.quit)",
+            "goBack": "do tyłu",
+            "goForward": "do przodu"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "zaznaczono {{count}}",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "więcej od $t(entity.artist_one)",
+            "moreFromGeneric": "więcej od {{item}}"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        },
+        "sidebar": {
+            "nowPlaying": "teraz odtwarzane",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "home": {
+            "mostPlayed": "najczęściej odtwarzane",
+            "newlyAdded": "niedawno dodane",
+            "title": "$t(common.home)",
+            "explore": "przeglądaj z biblioteki",
+            "recentlyPlayed": "ostatnio odtwarzane"
+        },
+        "setting": {
+            "playbackTab": "odtworzenia",
+            "generalTab": "ogólne",
+            "hotkeysTab": "skróty klawiszowe",
+            "windowTab": "okno"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "komendy serwera",
+                "goToPage": "przejdź do strony",
+                "searchFor": "wyszukaj {{query}}"
+            },
+            "title": "komendy"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        }
+    },
+    "player": {
+        "repeat_all": "powtarzaj wszystkie",
+        "stop": "stop",
+        "repeat": "powtarzaj jeden",
+        "queue_remove": "usuń zaznaczone",
+        "playRandom": "odtwarzaj losowe",
+        "skip": "pomiń",
+        "previous": "poprzedni",
+        "toggleFullscreenPlayer": "przełącz odtwarzacz pełnoekranowy",
+        "skip_back": "przeskocz do tyłu",
+        "favorite": "ulubione",
+        "next": "następny",
+        "shuffle": "losowa kolejność",
+        "playbackFetchNoResults": "nie znaleziono utworów",
+        "playbackFetchInProgress": "wczytywanie utworów…",
+        "addNext": "dodaj następny",
+        "playbackSpeed": "prędkość odtwarzania",
+        "playbackFetchCancel": "to potrwa chwilę... zamknij powiadomienie aby anulować",
+        "play": "odtwarzaj",
+        "repeat_off": "powtarzanie wyłączone",
+        "pause": "wstrzymaj",
+        "queue_clear": "wyczyść kolejke",
+        "muted": "wyciszone",
+        "unfavorite": "usuń z ulubionych",
+        "queue_moveToTop": "przesuń zaznaczone na dół",
+        "queue_moveToBottom": "przesuń zaznaczone na górę",
+        "shuffle_off": "losowa kolejność wyłączona",
+        "addLast": "dodaj na końcu",
+        "mute": "wycisz",
+        "skip_forward": "przeskocz do przodu"
+    },
+    "setting": {
+        "crossfadeStyle_description": "wybierz styl przenikania, który ma być używany do odtwarzania dźwięku",
+        "hotkey_skipBackward": "przeskocz do tyłu",
+        "audioDevice_description": "wybierz urządzenie dźwiękowe używane do odtwarzania (tylko odtwarzacz przeglądarkowy)",
+        "hotkey_playbackPause": "wstrzymaj",
+        "hotkey_volumeUp": "podgłoś",
+        "discordIdleStatus_description": "kiedy włączony, aktualizuje stan kiedy odtwarzacz jest bezczynny",
+        "lyricFetch": "pobierz teksty z internetu",
+        "enableRemote_description": "umożliwia serwerowi zdalnego sterowania zezwalanie innym urządzeniom na sterowanie aplikacją",
+        "fontType_optionSystem": "czcionka systemowa",
+        "hotkey_favoriteCurrentSong": "ulubiona $t(common.currentSong)",
+        "crossfadeStyle": "styl przenikania",
+        "hotkey_zoomIn": "przybliż",
+        "hotkey_browserForward": "przeglądarka w przód",
+        "audioExclusiveMode_description": "włącz wyłączny tryb wyjścia. W tym trybie, system zwykle jest zablokowany i może odtwarzać tylko poprzez mpv",
+        "discordUpdateInterval": "{{discord}} interwał aktualizacji obszernej obecności",
+        "fontType_optionBuiltIn": "wbudowana czcionka",
+        "hotkey_playbackPlayPause": "odtwarzaj / wstrzymaj",
+        "hotkey_rate1": "oceń na 1 gwiazdkę",
+        "hotkey_skipForward": "przeskocz do przodu",
+        "disableLibraryUpdateOnStartup": "wyłącz wyszukiwanie aktualizacji podczas uruchamiania aplikacji",
+        "discordApplicationId_description": "id dla aplikacji {{discord}} obszernie obecne (domyślnie {{defaultId}})",
+        "gaplessAudio": "dźwięk bez przerw",
+        "hotkey_playbackPlay": "odtwarzaj",
+        "hotkey_togglePreviousSongFavorite": "dodaj $t(common.previousSong) do ulubionych",
+        "hotkey_volumeDown": "przycisz",
+        "hotkey_unfavoritePreviousSong": "usuń $t(common.previousSong) z ulubionych",
+        "audioPlayer_description": "wybierz odtwarzacz dźwięku który ma być używany do odtwarzania",
+        "globalMediaHotkeys": "globalne skróty klawiszowe multimediów",
+        "hotkey_globalSearch": "globalne wyszukiwanie",
+        "gaplessAudio_description": "ustaw dźwięk bez przerw dla mpv",
+        "disableAutomaticUpdates": "wyłącz automatyczne aktualizacje",
+        "exitToTray_description": "zamknij aplikację do zasobnika systemowego",
+        "followLyric_description": "przewiń tekst do obecnego momentu",
+        "hotkey_favoritePreviousSong": "ulubiona $t(common.previousSong)",
+        "lyricOffset": "opóźnienie tekstu (ms)",
+        "discordUpdateInterval_description": "czas w sekundach pomiędzy każdą aktualizacją (minimalnie 15 sekund)",
+        "fontType_optionCustom": "czcionka niestandardowa",
+        "audioExclusiveMode": "wyłączny tryb audio",
+        "lyricFetchProvider": "dostawcy tekstów internetowych",
+        "language_description": "ustaw język dla aplikacji ($t(common.restartRequired))",
+        "hotkey_rate3": "oceń na 3 gwiazdki",
+        "font": "czcionka",
+        "hotkey_toggleFullScreenPlayer": "przełącz tryb pełnoekranowy",
+        "hotkey_localSearch": "wyszukiwanie na stronie",
+        "hotkey_toggleQueue": "przełącz kolejkę",
+        "hotkey_rate5": "oceń na 5 gwiazdek",
+        "hotkey_playbackPrevious": "poprzedni utwór",
+        "crossfadeDuration_description": "ustaw czas trwania efektu przenikania",
+        "language": "język",
+        "hotkey_toggleShuffle": "przełącz kolejność losową",
+        "discordRichPresence_description": "włącz status odtwarzania w {{discord}} obszernie obecny. Klucze obrazów to {{icon}}, {{playing}} i {{paused}}. ",
+        "audioDevice": "urządzenia dźwiękowe",
+        "hotkey_rate2": "oceń na 2 gwiazdki",
+        "exitToTray": "zamknij do zasobnika",
+        "hotkey_rate4": "oceń na 4 gwiazdki",
+        "enableRemote": "włącz zdalną kontrolę serwera",
+        "fontType_description": "wbudowana czcionka pozwala na wybranie czcionki dostarczonej z Feishin. systemowa czcionka pozwala na wybranie czcionki dostarczonej przez system operacyjny. niestandardowa czcionka pozwala na wybranie własnej czcionki",
+        "accentColor": "kolor akcentujący",
+        "accentColor_description": "ustaw kolor akcentujący dla aplikacji",
+        "floatingQueueArea": "pokaż pływającą kolejkę podczas najechania kursorem",
+        "hotkey_toggleRepeat": "przełącz powtarzanie",
+        "lyricOffset_description": "opóźnienie tekstu przez podaną liczbę milisekund",
+        "fontType": "typ czcionki",
+        "applicationHotkeys": "skróty klawiszowe aplikacji",
+        "hotkey_playbackNext": "następny utwór",
+        "lyricFetch_description": "pobierz teksty z rozmaitych źródeł internetowych",
+        "lyricFetchProvider_description": "wybierz dostawców internetowych dla tekstów. zapytania będą wykonywane według podanej kolejności",
+        "globalMediaHotkeys_description": "włącz lub wyłącz używanie systemowych skrótów klawiszowych do kontroli odtwarzania",
+        "customFontPath": "niestandardowa ścieżka czcionki",
+        "followLyric": "podążaj za tekstem",
+        "crossfadeDuration": "czas trwania przenikania",
+        "discordIdleStatus": "pokaż obszerne informacje w stanie bezczynności",
+        "audioPlayer": "odtwarzacz dźwięku",
+        "hotkey_zoomOut": "oddal",
+        "hotkey_unfavoriteCurrentSong": "usuń $t(common.currentSong) z ulubionych",
+        "hotkey_rate0": "wyczyść oceny",
+        "discordApplicationId": "id aplikacji {{discord}}",
+        "applicationHotkeys_description": "ustaw skróty klawiszowe aplikacji. przełącz pole wyboru aby ustawić skrót globalny (tylko komputery)",
+        "floatingQueueArea_description": "wyświetl ikonę najechania kursorem po prawej stronie ekranu, aby wyświetlić kolejkę odtwarzania",
+        "hotkey_volumeMute": "wycisz",
+        "hotkey_toggleCurrentSongFavorite": "dodaj $t(common.currentSong) do ulubionych",
+        "hotkey_browserBack": "przeglądarka wstecz",
+        "minimizeToTray": "zminimalizuj do zasobnika",
+        "customFontPath_description": "ustaw ścieżkę dla niestandardowych czcionek dla aplikacji",
+        "gaplessAudio_optionWeak": "słabe (rekomendowane)",
+        "hotkey_playbackStop": "zatrzymaj",
+        "discordRichPresence": "{{discord}} obszernie obecny",
+        "font_description": "ustaw czcionkę dla aplikacji",
+        "mpvExecutablePath_help": "jedna na linnię",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "minimalny czas trwania scrobble (procentowy)",
+        "mpvExecutablePath_description": "ustaw ścieżkę dla plików wykonywalnych mpv",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "minimizeToTray_description": "zminimalizuj aplikację do zasobnika systemowego",
+        "remotePassword": "hasło dla serwera zdalnej kontroli",
+        "playbackStyle_optionCrossFade": "przenikanie",
+        "mpvExtraParameters": "parametry mpv",
+        "playbackStyle": "styl odtwarzania",
+        "playbackStyle_description": "wybierz styl odtwarzania dla odtwarzacza dźwięku",
+        "mpvExecutablePath": "ścieżka pliku wykonywalnego mpv",
+        "playButtonBehavior_description": "ustaw domyślne zachowanie dla przycisku odtwarzania kiedy piosenka zostanie dodana do kolejki",
+        "minimumScrobblePercentage_description": "minimalny czas odtwarzania piosenki który musi upłynąć aby uznać ją za scrobble",
+        "minimumScrobbleSeconds_description": "minimalny czas odtwarzania piosenki w sekundach jaki musi upłynąć aby uznać ją za scrobbling",
+        "playButtonBehavior": "zachowanie przycisku odtwarzania",
+        "playbackStyle_optionNormal": "normalny",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "minimumScrobbleSeconds": "minimalne scrobble (w sekundach)",
+        "remotePort_description": "ustaw port dla serwera zdalnej kontroli",
+        "replayGainMode_description": "dostosuj wzmocnienie dźwięku zgodnie z wartościami {{ReplayGain}} przechowywanymi w metadanych do pliku",
+        "replayGainFallback": "rezerwowy {{ReplayGain}}",
+        "sidebarCollapsedNavigation_description": "pokaż lub ukryj nawigację na zwiniętym pasku bocznym",
+        "skipDuration": "czas trwania pominięcia",
+        "showSkipButtons": "pokaż przyciski pomijania",
+        "scrobble": "scrobbling",
+        "skipDuration_description": "ustaw czas pominięcia kiedy zostanie użyty przycisk pominięcia na pasku odtwarzania",
+        "replayGainClipping_description": "Zapobiegaj wzmocnieniu spowodowanemu przez {{ReplayGain}} na automatyczne obniżanie wzmocnienia",
+        "replayGainPreamp": "przedwzmacniacz {{ReplayGain}} (db)",
+        "sampleRate": "częstotliwość próbkowania",
+        "sidePlayQueueStyle_optionAttached": "przyłączony",
+        "sidebarConfiguration": "konfiguracja paska bocznego",
+        "sampleRate_description": "wybierz wyjściową częstotliwość próbkowania, która ma być używana, jeśli wybrana częstotliwość próbkowania różni się od częstotliwości bieżącego utworu",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainClipping": "wzmocnienie {{ReplayGain}}",
+        "scrobble_description": "odtwarzanie scrobble na serwerze multimediów",
+        "sidePlayQueueStyle": "boczny styl kolejki odtwarzania",
+        "remoteUsername_description": "ustaw nazwę użytkownika dla serwera zdalnej kontroli. Jeśli nazwa użytkownika i hasło są puste, autoryzacja będzie wyłączona",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "remotePassword_description": "ustawia hasło dla serwera zdalnego sterowania. Te poświadczenia są domyślnie przesyłane w sposób niezabezpieczony, dlatego należy użyć unikalnego hasła na którym ci nie zależy",
+        "showSkipButtons_description": "pokaż lub ukryj przyciski pomijania na pasku odtwarzacza",
+        "showSkipButton_description": "pokaż lub ukryj przyciski pomijania na pasku odtwarzacza",
+        "savePlayQueue": "zapisz kolejkę odtwarzania",
+        "sidebarPlaylistList_description": "pokaż lub ukryj listę odtwarzania na pasku bocznym",
+        "sidePlayQueueStyle_description": "ustaw boczny styl kolejki odtwarzania",
+        "replayGainMode": "tryb {{ReplayGain}}",
+        "replayGainFallback_description": "wzmocnienie w db do użycia w przypadku kiedy plik nie ma tagu {{ReplayGain}}",
+        "replayGainPreamp_description": "dostosuj wzmocnienie przedwzmacniacza zastosowane do wartości {{ReplayGain}}",
+        "sidebarConfiguration_description": "wybierz pozycje i ustaw je w kolejności w jakiej mają się pokazywać na pasku bocznym",
+        "remotePort": "port dla serwera zdalnej kontroli",
+        "sidePlayQueueStyle_optionDetached": "odłączony",
+        "remoteUsername": "nazwa użytkownika serwera zdalnej kontroli",
+        "showSkipButton": "pokaż przyciski pomijania",
+        "sidebarPlaylistList": "lista odtwarzania na pasku bocznym",
+        "sidebarCollapsedNavigation": "nawigacja na pasku bocznym (zwinięta)",
+        "savePlayQueue_description": "zapisz kolejkę odtwarzania kiedy aplikacja jest zamykana i wznów ją kiedy aplikacja jest otwierana",
+        "volumeWheelStep_description": "wartość zmiany glośności w czasie używania pokrętła myszy na pasku głośności",
+        "theme_description": "ustaw motyw dla aplikacji",
+        "themeLight": "motyw (jasny)",
+        "zoom": "procentowe przybliżenie",
+        "themeDark_description": "ustaw ciemny motyw do używania w aplikacji",
+        "themeLight_description": "ustaw jasny motyw do używania w aplikacji",
+        "zoom_description": "ustaw procentowe przybliżenie dla aplikacji",
+        "theme": "motyw",
+        "skipPlaylistPage_description": "przechodząc do listy odtwarzania, przejdź do strony listy odtwarzania zamiast do strony domyślnej",
+        "volumeWheelStep": "krok pokrętła głośności",
+        "windowBarStyle": "styl paska okna",
+        "useSystemTheme_description": "podążaj za systemem z ustawieniami jasnego lub ciemnego motywu",
+        "skipPlaylistPage": "pomiń stronę list odtwarzania",
+        "themeDark": "motyw (ciemny)",
+        "windowBarStyle_description": "wybierz styl paska okna",
+        "useSystemTheme": "użyj motywu systemowego"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "card": "karta",
+                "table": "tabela",
+                "poster": "plakat"
+            },
+            "general": {
+                "displayType": "typ wyświetlania",
+                "gap": "$t(common.gap)",
+                "tableColumns": "kolumny tabeli",
+                "autoFitColumns": "automatyczne dopasowanie kolumn",
+                "size": "$t(common.size)"
+            },
+            "label": {
+                "releaseDate": "data premiery",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (połączony)",
+                "dateAdded": "data dodania",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "ostatnio odtwarzane",
+                "trackNumber": "numer utworu",
+                "rowIndex": "indeks wiersza",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "liczba odtworzeń",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "numer płyty",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "comment": "komentarz",
+            "album": "album",
+            "rating": "ocena",
+            "favorite": "ulubione",
+            "playCount": "odtwarzane",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "rok",
+            "lastPlayed": "ostatnio odtwarzane",
+            "biography": "biografia",
+            "releaseDate": "data premiery",
+            "bitrate": "bitrate",
+            "title": "tytuł",
+            "bpm": "bpm",
+            "dateAdded": "data dodania",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "utwór",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "artysta albumu",
+            "path": "ścieżka",
+            "discNumber": "płyta",
+            "channels": "$t(common.channel_other)"
+        }
+    }
+}
diff --git a/src/i18n/locales/pt-BR.json b/src/i18n/locales/pt-BR.json
new file mode 100644
index 000000000..56446a481
--- /dev/null
+++ b/src/i18n/locales/pt-BR.json
@@ -0,0 +1,246 @@
+{
+    "common": {
+        "backward": "voltar",
+        "areYouSure": "tem certeza?",
+        "add": "adicionar",
+        "ascending": "ascendente",
+        "center": "centro",
+        "cancel": "cancelar",
+        "bitrate": "taxa de bits",
+        "action_one": "ação",
+        "action_many": "ações",
+        "action_other": "ações",
+        "biography": "biografia",
+        "bpm": "bpm",
+        "edit": "editar",
+        "favorite": "favorito",
+        "currentSong": "$t(entity.track_one) atual",
+        "descending": "abaixar",
+        "dismiss": "liberar",
+        "duration": "duração",
+        "decrease": "diminuir",
+        "description": "descrição",
+        "configure": "configurar",
+        "enable": "habilitar",
+        "clear": "limpar",
+        "delete": "deletar",
+        "title": "titulo",
+        "create": "criar",
+        "confirm": "confirmar",
+        "home": "inicio",
+        "comingSoon": "em breve…",
+        "channel_one": "canal",
+        "channel_many": "canais",
+        "channel_other": "canais",
+        "disable": "desabilitar",
+        "expand": "expandir",
+        "disc": "disco",
+        "increase": "incrementar",
+        "rating": "classificação",
+        "refresh": "atualizar",
+        "unknown": "desconhecido",
+        "left": "esquerda",
+        "save": "salvar",
+        "right": "direita",
+        "collapse": "minimizar",
+        "trackNumber": "faixa",
+        "gap": "intervalo",
+        "year": "ano",
+        "manage": "gerenciar",
+        "limit": "limite",
+        "minimize": "minimizar",
+        "modified": "modificado",
+        "name": "nome",
+        "maximize": "maximizar",
+        "ok": "ok",
+        "path": "caminho",
+        "no": "não",
+        "owner": "dono",
+        "forward": "avançar",
+        "forceRestartRequired": "reinicie para aplicar as alterações… feche a notificação para reiniciar",
+        "setting": "contexto",
+        "version": "versão",
+        "filter_one": "filtro",
+        "filter_many": "filtros",
+        "filter_other": "filtros",
+        "filters": "filtros",
+        "saveAndReplace": "salvar e substituir",
+        "playerMustBePaused": "o player deve estar pausado",
+        "resetToDefault": "restaurar ao padrão",
+        "reset": "reiniciar",
+        "sortOrder": "ordem",
+        "none": "nenhum",
+        "menu": "menu",
+        "restartRequired": "é necessário reiniciar",
+        "previousSong": "anterior $t(entity.track_one)",
+        "noResultsFromQuery": "a consulta não retornou resultados",
+        "quit": "abandonar",
+        "search": "procurar",
+        "saveAs": "salvar como",
+        "yes": "sim",
+        "random": "aleatório",
+        "size": "tamanho",
+        "note": "observação"
+    },
+    "action": {
+        "goToPage": "vá para página",
+        "addToFavorites": "adicionar em $t(entity.favorite_other)",
+        "viewPlaylists": "ver $t(entity.playlist_other)",
+        "setRating": "definir classificação",
+        "moveToTop": "mover para o topo",
+        "refresh": "$t(common.refresh)",
+        "removeFromQueue": "remover da fila",
+        "moveToBottom": "mover para baixo",
+        "editPlaylist": "editar $t(entity.playlist_one)",
+        "clearQueue": "limpar fila",
+        "addToPlaylist": "adicionar à $t(entity.playlist_one)",
+        "createPlaylist": "criar $t(entity.playlist_one)",
+        "removeFromPlaylist": "remover da $t(entity.playlist_one)",
+        "deletePlaylist": "deletar $t(entity.playlist_one)",
+        "deselectAll": "desmarcar todos",
+        "removeFromFavorites": "remover de $t(entity.favorite_other)"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "deletar $t(entity.playlist_one)"
+        },
+        "addServer": {
+            "title": "adicionar servidor"
+        },
+        "createPlaylist": {
+            "title": "criar $t(entity.playlist_one)"
+        },
+        "updateServer": {
+            "title": "atualizar servidor"
+        },
+        "editPlaylist": {
+            "title": "editar $t(entity.playlist_one)"
+        },
+        "addToPlaylist": {
+            "title": "adicionar à $t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "title": "pesquisa de letras"
+        }
+    },
+    "setting": {
+        "discordIdleStatus_description": "quando ativado, atualiza o status enquanto o player está ocioso",
+        "discordUpdateInterval_description": "o tempo em segundos entre cada atualização (mínimo 15 segundos)",
+        "playButtonBehavior_description": "define o comportamento padrão do botão play ao adicionar músicas à fila",
+        "discordApplicationId": "{{discord}} ID do aplicativo"
+    },
+    "table": {
+        "config": {
+            "label": {
+                "title": "$t(common.title)",
+                "titleCombined": "$t(common.title) (combinado)",
+                "discNumber": "numero do disco"
+            }
+        },
+        "column": {
+            "title": "titulo",
+            "discNumber": "disco"
+        }
+    },
+    "page": {
+        "home": {
+            "mostPlayed": "mais tocado",
+            "newlyAdded": "lançamentos recém-adicionados",
+            "title": "$t(common.home)",
+            "explore": "explore a sua biblioteca",
+            "recentlyPlayed": "tocado recentemente"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "title": "comandos"
+        },
+        "sidebar": {
+            "home": "$t(common.home)"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "filter": {
+        "title": "titulo",
+        "disc": "disco",
+        "mostPlayed": "mais tocado"
+    },
+    "player": {
+        "playbackFetchNoResults": "nenhuma música encontrada",
+        "playbackFetchInProgress": "carregando músicas…"
+    },
+    "entity": {
+        "albumArtist_one": "artista do álbum",
+        "albumArtist_many": "artistas do álbum",
+        "albumArtist_other": "artistas do álbum",
+        "albumArtistCount_one": "{{count}} artista do álbum",
+        "albumArtistCount_many": "{{count}} artistas do álbum",
+        "albumArtistCount_other": "{{count}} artistas do álbum",
+        "album_one": "álbum",
+        "album_many": "álbuns",
+        "album_other": "álbuns",
+        "artist_one": "artista",
+        "artist_many": "artistas",
+        "artist_other": "artistas",
+        "albumWithCount_one": "{{count}} álbum",
+        "albumWithCount_many": "{{count}} álbuns",
+        "albumWithCount_other": "{{count}} álbuns",
+        "favorite_one": "favorito",
+        "favorite_many": "favoritos",
+        "favorite_other": "favoritos",
+        "artistWithCount_one": "{{count}} artista",
+        "artistWithCount_many": "{{count}} artistas",
+        "artistWithCount_other": "{{count}} artistas",
+        "folder_one": "pasta",
+        "folder_many": "pastas",
+        "folder_other": "pastas",
+        "genre_one": "gênero",
+        "genre_many": "gêneros",
+        "genre_other": "gêneros",
+        "playlistWithCount_one": "{{count}} playlist",
+        "playlistWithCount_many": "{{count}} playlists",
+        "playlistWithCount_other": "{{count}} playlists",
+        "playlist_one": "playlist",
+        "playlist_many": "playlists",
+        "playlist_other": "playlists",
+        "folderWithCount_one": "{{count}} pasta",
+        "folderWithCount_many": "{{count}} pastas",
+        "folderWithCount_other": "{{count}} pastas",
+        "genreWithCount_one": "{{count}} gênero",
+        "genreWithCount_many": "{{count}} gêneros",
+        "genreWithCount_other": "{{count}} gêneros"
+    },
+    "error": {
+        "remotePortWarning": "reinicie o servidor para aplicar a nova porta",
+        "systemFontError": "ocorreu um erro ao tentar obter fontes do sistema",
+        "playbackError": "ocorreu um erro ao tentar reproduzir a mídia",
+        "endpointNotImplementedError": "endpoint {{endpoint}} não está implementado para {{serverType}}",
+        "remotePortError": "ocorreu um erro ao tentar definir a porta do servidor remoto",
+        "serverRequired": "servidor necessário",
+        "authenticationFailed": "falha na autenticação",
+        "apiRouteError": "não é possível encaminhar a solicitação",
+        "genericError": "um erro ocorreu",
+        "credentialsRequired": "credenciais necessárias",
+        "sessionExpiredError": "sua sessão expirou",
+        "remoteEnableError": "ocorreu um erro ao tentar $t(common.enable) o servidor remoto",
+        "localFontAccessDenied": "acesso negado a fontes locais",
+        "serverNotSelectedError": "nenhum servidor selecionado",
+        "remoteDisableError": "ocorreu um erro ao tentar $t(common.disable) o servidor remoto",
+        "mpvRequired": "MPV necessário",
+        "audioDeviceFetchError": "ocorreu um erro ao tentar obter dispositivos de áudio",
+        "invalidServer": "servidor inválido",
+        "loginRateError": "muitas tentativas de login, tente novamente em alguns segundos"
+    }
+}
diff --git a/src/i18n/locales/ru.json b/src/i18n/locales/ru.json
new file mode 100644
index 000000000..5c008ee72
--- /dev/null
+++ b/src/i18n/locales/ru.json
@@ -0,0 +1,488 @@
+{
+    "action": {
+        "editPlaylist": "редактировать $t(entity.playlist_one)",
+        "goToPage": "перейти на страницу",
+        "moveToTop": "вверх",
+        "clearQueue": "очистить очередь",
+        "addToFavorites": "добавить в $t(entity.favorite_other)",
+        "addToPlaylist": "добавить в $t(entity.playlist_one)",
+        "createPlaylist": "создать $t(entity.playlist_one)",
+        "removeFromPlaylist": "удалить из $t(entity.playlist_one)",
+        "viewPlaylists": "просмотреть $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "удалить $t(entity.playlist_one)",
+        "removeFromQueue": "удалить из очереди",
+        "deselectAll": "снять выделение",
+        "moveToBottom": "вниз",
+        "setRating": "оценить",
+        "toggleSmartPlaylistEditor": "вкл/выкл $t(entity.smartPlaylist) редактор",
+        "removeFromFavorites": "удалить из $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "назад",
+        "increase": "увеличить",
+        "rating": "рейтинг",
+        "bpm": "ударов в мин.",
+        "refresh": "обновить",
+        "unknown": "неизвестно",
+        "areYouSure": "вы уверены?",
+        "edit": "изменить",
+        "favorite": "любимый",
+        "left": "лево",
+        "save": "сохранить",
+        "right": "право",
+        "currentSong": "текущий $t(entity.track_one)",
+        "collapse": "закрыть",
+        "trackNumber": "трек",
+        "descending": "убывающий",
+        "add": "добавить",
+        "gap": "промежуток",
+        "ascending": "возрастающий",
+        "dismiss": "отклонить",
+        "year": "год",
+        "manage": "управлять",
+        "limit": "лимит",
+        "minimize": "минимизировать",
+        "modified": "изменено",
+        "duration": "продолжительность",
+        "name": "имя",
+        "maximize": "максимизировать",
+        "decrease": "уменьшить",
+        "ok": "ок",
+        "description": "описание",
+        "configure": "настроить",
+        "path": "путь",
+        "center": "центр",
+        "no": "нет",
+        "owner": "владелец",
+        "enable": "включить",
+        "clear": "очистить",
+        "forward": "вперёд",
+        "delete": "удалить",
+        "cancel": "отменить",
+        "forceRestartRequired": "перезапустите приложение, чтобы применить изменения... закройте уведомление, чтобы перезапустить приложение",
+        "setting": "настройка",
+        "version": "версия",
+        "title": "название",
+        "filter_one": "фильтр",
+        "filter_few": "фильтра",
+        "filter_many": "фильтров",
+        "filters": "фильтры",
+        "create": "создать",
+        "bitrate": "битрейт",
+        "saveAndReplace": "сохранить и заменить",
+        "action_one": "действие",
+        "action_few": "действия",
+        "action_many": "действий",
+        "playerMustBePaused": "воспроизведение должно быть остановлено",
+        "confirm": "подтвердить",
+        "resetToDefault": "сбросить к настройкам по умолчанию",
+        "home": "Главная страница",
+        "comingSoon": "скоро будет…",
+        "reset": "сбросить",
+        "channel_one": "канал",
+        "channel_few": "канала",
+        "channel_many": "каналов",
+        "disable": "выключить",
+        "sortOrder": "порядок",
+        "menu": "меню",
+        "restartRequired": "необходим перезапуск приложения",
+        "previousSong": "предыдущий $t(entity.track_one)",
+        "noResultsFromQuery": "нет результатов",
+        "quit": "выйти",
+        "expand": "расширить",
+        "search": "Поиск",
+        "saveAs": "сохранить как",
+        "disc": "диск",
+        "yes": "да",
+        "random": "случайный",
+        "size": "размер",
+        "biography": "биография",
+        "note": "заметка",
+        "none": "нет"
+    },
+    "entity": {
+        "album_one": "альбом",
+        "album_few": "альбома",
+        "album_many": "альбомов",
+        "genre_one": "жанр",
+        "genre_few": "жанра",
+        "genre_many": "жанров",
+        "playlistWithCount_one": "{{count}} плейлист",
+        "playlistWithCount_few": "{{count}} плейлиста",
+        "playlistWithCount_many": "{{count}} плейлистов",
+        "playlist_one": "плейлист",
+        "playlist_few": "плейлиста",
+        "playlist_many": "плейлистов",
+        "artist_one": "автор",
+        "artist_few": "автора",
+        "artist_many": "авторов",
+        "folderWithCount_one": "{{count}} папка",
+        "folderWithCount_few": "{{count}} папки",
+        "folderWithCount_many": "{{count}} папок",
+        "albumArtist_one": "автор альбома",
+        "albumArtist_few": "автора альбома",
+        "albumArtist_many": "авторов альбома",
+        "track_one": "трек",
+        "track_few": "трека",
+        "track_many": "треков",
+        "albumArtistCount_one": "{{count}} автор альбома",
+        "albumArtistCount_few": "{{count}} автора альбома",
+        "albumArtistCount_many": "{{count}} авторов альбома",
+        "albumWithCount_one": "{{count}} альбом",
+        "albumWithCount_few": "{{count}} альбома",
+        "albumWithCount_many": "{{count}} альбомов",
+        "favorite_one": "любимый",
+        "favorite_few": "любимых",
+        "favorite_many": "любимые",
+        "artistWithCount_one": "{{count}} автор",
+        "artistWithCount_few": "{{count}} автора",
+        "artistWithCount_many": "{{count}} авторов",
+        "folder_one": "папка",
+        "folder_few": "папки",
+        "folder_many": "папок",
+        "smartPlaylist": "умный $t(entity.playlist_one)",
+        "genreWithCount_one": "{{count}} жанр",
+        "genreWithCount_few": "{{count}} жанра",
+        "genreWithCount_many": "{{count}} жанров",
+        "trackWithCount_one": "{{count}} трек",
+        "trackWithCount_few": "{{count}} трека",
+        "trackWithCount_many": "{{count}} треков"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "card": "карта",
+                "table": "таблица",
+                "poster": "постер"
+            },
+            "general": {
+                "displayType": "тип отображения",
+                "gap": "$t(common.gap)",
+                "tableColumns": "столбцы таблицы",
+                "autoFitColumns": "автоматически расставить столбцы",
+                "size": "$t(common.size)"
+            },
+            "label": {
+                "releaseDate": "дата выхода",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (комбинированный)",
+                "dateAdded": "дата добавления",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "последний",
+                "trackNumber": "номер трека",
+                "rowIndex": "индекс ряда",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "количество воспроизведений",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "номер диска",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "rating": "рейтинг",
+            "favorite": "любимый",
+            "playCount": "воспроизведений",
+            "releaseYear": "год",
+            "lastPlayed": "последний",
+            "releaseDate": "дата выхода",
+            "title": "название",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "трек",
+            "genre": "$t(entity.genre_one)",
+            "path": "путь",
+            "discNumber": "диск"
+        }
+    },
+    "error": {
+        "remotePortWarning": "перезапустить сервер для применения нового порта",
+        "systemFontError": "произошла ошибка при попытке получить системные шрифты",
+        "playbackError": "произошла ошибка при попытке проиграть медиа",
+        "endpointNotImplementedError": "запрос {{endpoint}} is not implemented for {{serverType}}",
+        "remotePortError": "произошла ошибка при попытке установить порт удаленного сервера",
+        "serverRequired": "необходим сервер",
+        "authenticationFailed": "аутентификация завершилась с ошибкой",
+        "apiRouteError": "невозможно выполнить запрос",
+        "genericError": "произошла ошибка",
+        "credentialsRequired": "необходимы учётные данные",
+        "sessionExpiredError": "ваш сеанс истек",
+        "remoteEnableError": "ошибка произошла при попытке $t(common.enable) удаленного сервера",
+        "localFontAccessDenied": "не получилось получить доступ к шрифтам",
+        "serverNotSelectedError": "не выбран сервер",
+        "remoteDisableError": "ошибка произошла при попытке $t(common.disable) удаленного сервера",
+        "mpvRequired": "Необходим MPV",
+        "audioDeviceFetchError": "произошла ошибка с аудиоустройством",
+        "invalidServer": "недействительный сервер",
+        "loginRateError": "слишком много попыток входа, пожалуйста, попробуйте еще раз через несколько секунд"
+    },
+    "filter": {
+        "isCompilation": "сборник",
+        "isRated": "оценён",
+        "bitrate": "битрейт",
+        "dateAdded": "дата добавления",
+        "communityRating": "рейтинг сообщества",
+        "favorited": "любимый",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isFavorited": "любимый",
+        "bpm": "ударов в мин.",
+        "disc": "диск",
+        "biography": "биография",
+        "artist": "$t(entity.artist_one)",
+        "duration": "продолжительность",
+        "fromYear": "из года",
+        "criticRating": "рейтинг критиков",
+        "mostPlayed": "наибольшое кол-во воспроизведений",
+        "comment": "комментировать",
+        "playCount": "кол-во воспроизведений",
+        "recentlyUpdated": "недавно обновлено",
+        "channels": "$t(common.channel_other)",
+        "recentlyPlayed": "недавно проиграно",
+        "owner": "$t(common.owner)",
+        "title": "название",
+        "rating": "рейтинг",
+        "search": "Поиск",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "недавно добавлено",
+        "note": "заметка",
+        "name": "название",
+        "releaseDate": "дата выхода",
+        "albumCount": "$t(entity.album_other) кол-во",
+        "path": "путь",
+        "isRecentlyPlayed": "недавно проигрывалась",
+        "releaseYear": "год выхода",
+        "id": "#",
+        "songCount": "кол-во песен",
+        "isPublic": "публичный",
+        "random": "случайный",
+        "lastPlayed": "последний раз проигрывалась",
+        "toYear": "до года",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "трек"
+    },
+    "player": {
+        "repeat_all": "повтор всех",
+        "stop": "остановить",
+        "repeat": "повтор",
+        "queue_remove": "удалить выделенные",
+        "playRandom": "случайные песни",
+        "skip": "пропустить",
+        "previous": "предыдущий",
+        "toggleFullscreenPlayer": "включить полноэкранный режим",
+        "skip_back": "назад",
+        "favorite": "любимый",
+        "next": "следующее",
+        "shuffle": "перемешать",
+        "playbackFetchNoResults": "нет песен",
+        "playbackFetchInProgress": "загрузка песен..",
+        "addNext": "добавить следующий",
+        "playbackSpeed": "скорость воспроизведения",
+        "playbackFetchCancel": "это занимает некоторое время... закрыть уведомление для отмены",
+        "play": "прослушать",
+        "repeat_off": "повтор выключен",
+        "pause": "пауза",
+        "queue_clear": "очистить очередь",
+        "muted": "звук отключён",
+        "unfavorite": "убрать из любимых",
+        "queue_moveToTop": "переместить выделение вниз",
+        "queue_moveToBottom": "переместить выделение вверх",
+        "shuffle_off": "перемешивание выключено",
+        "addLast": "добавить последний",
+        "mute": "отключить звук",
+        "skip_forward": "вперёд"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "Cейчас проигрывается",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "показать слова песни",
+                "dynamicBackground": "динамический фон",
+                "synchronized": "синхронизировано",
+                "followCurrentLyric": "следовать за текущими словами песни",
+                "opacity": "непрозрачность",
+                "lyricSize": "размер слов",
+                "showLyricProvider": "показать провайдера слов",
+                "unsynchronized": "несинхронизировано",
+                "lyricAlignment": "выравнивание слов песни",
+                "useImageAspectRatio": "использовать соотношение сторон изображения",
+                "lyricGap": "пробел между словами"
+            },
+            "upNext": "следующее",
+            "lyrics": "слова песни",
+            "related": "схожие"
+        },
+        "appMenu": {
+            "selectServer": "выбрать сервер",
+            "version": "версия {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "настроить список серверов",
+            "expandSidebar": "развернуть",
+            "collapseSidebar": "Скрыть боковую панель",
+            "openBrowserDevtools": "открыть инструменты разработчика",
+            "quit": "$t(common.quit)",
+            "goBack": "назад",
+            "goForward": "вперёд"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} выбрано",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "наибольшее кол-во воспроизведений",
+            "newlyAdded": "недавно добавленные релизы",
+            "title": "$t(common.home)",
+            "explore": "изучите вашу медиатеку",
+            "recentlyPlayed": "недавно прослушано"
+        },
+        "albumDetail": {
+            "moreFromArtist": "больше из жанра $t(entity.genre_one)",
+            "moreFromGeneric": "больше из {{item}}"
+        },
+        "setting": {
+            "playbackTab": "воспроизведение",
+            "generalTab": "общее",
+            "hotkeysTab": "горячие клавиши",
+            "windowTab": "окно"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "команды сервера",
+                "goToPage": "перейти на страницу",
+                "searchFor": "поиск {{query}}"
+            },
+            "title": "комманды"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "удалить $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) успешно удалён",
+            "input_confirm": "напишите название $t(entity.playlist_one), чтобы подтвердить действие"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "создать $t(entity.playlist_one)",
+            "input_public": "публичный",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) успешно создан",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "добавить сервер",
+            "input_username": "пользователь",
+            "input_url": "url",
+            "input_password": "пароль",
+            "input_legacyAuthentication": "включить старую аутентификацию",
+            "input_name": "название сервера",
+            "success": "сервер добавлен успешно",
+            "input_savePassword": "сохранить пароль",
+            "ignoreSsl": "ignore ssl $t(common.restartRequired)",
+            "ignoreCors": "$t(common.restartRequired)",
+            "error_savePassword": "произошла ошибка во время попытки сохранения пароля"
+        },
+        "addToPlaylist": {
+            "success": "добавлено(а) {{message}} $t(entity.track_other) в {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "добавить в $t(entity.playlist_one)",
+            "input_skipDuplicates": "пропустить дубликаты",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "обновить сервер",
+            "success": "сервер успешно обновлён"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "сопоставить все",
+            "input_optionMatchAny": "сопоставить любой"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "поиск слов песни"
+        },
+        "editPlaylist": {
+            "title": "редактировать $t(entity.playlist_one)"
+        }
+    },
+    "setting": {
+        "accentColor": "цвет акцента",
+        "accentColor_description": "устанавливает цвет акцента для приложения",
+        "applicationHotkeys": "горячие клавиши приложения",
+        "crossfadeStyle_description": "Выберите вид эффекта crossfade для аудиоплеера",
+        "enableRemote_description": "Включает сервер удалённого управления для управления воспроизведением с помощью других устройств",
+        "fontType_optionSystem": "Системный шрифт",
+        "mpvExecutablePath_description": "Укажите папку, в которой находится исполняющий файл аудиоплеера MPV",
+        "crossfadeStyle": "Вид эффекта crossfade",
+        "fontType_optionBuiltIn": "Встроенный в приложение",
+        "disableLibraryUpdateOnStartup": "Отключить проверку новых версий при запуске приложения",
+        "minimizeToTray_description": "Сворачивать приложение в панель уведомлений",
+        "audioPlayer_description": "Укажите - какой аудиоплеер использовать для воспроизведения",
+        "disableAutomaticUpdates": "Отключить проверку обновлений",
+        "exitToTray_description": "При закрытии приложения - оно останется в панели уведомлений",
+        "fontType_optionCustom": "Пользовательский шрифт",
+        "remotePassword": "Пароль к серверу удалённого управления",
+        "font": "Шрифт",
+        "crossfadeDuration_description": "Укажите длительность эффекта crossfade",
+        "mpvExecutablePath": "Папка с аудиоплеером MPV",
+        "exitToTray": "Сворачивать в панель уведомлений при закрытии",
+        "enableRemote": "Включить сервер удалённого управления",
+        "fontType": "Источник шрифта",
+        "crossfadeDuration": "Длительность эффекта crossfade",
+        "audioPlayer": "Аудиоплеер",
+        "minimizeToTray": "Сворачивать в панель уведомлений",
+        "font_description": "Выберите - какой шрифт использовать в приложении",
+        "remoteUsername": "Имя пользователя для доступа к серверу удалённого управления"
+    }
+}
diff --git a/src/i18n/locales/sr.json b/src/i18n/locales/sr.json
new file mode 100644
index 000000000..7706514da
--- /dev/null
+++ b/src/i18n/locales/sr.json
@@ -0,0 +1,632 @@
+{
+    "player": {
+        "repeat_all": "ponavljaj sve",
+        "stop": "zaustavi",
+        "repeat": "ponavljaj jednu",
+        "queue_remove": "ukloni izabrane",
+        "playRandom": "slučajna reprodukcija",
+        "skip": "preskoči",
+        "previous": "prethodna",
+        "toggleFullscreenPlayer": "prebaci u puni ekran",
+        "skip_back": "preskoči unazad",
+        "favorite": "omiljeno",
+        "next": "sledeća",
+        "shuffle": "mešaj",
+        "playbackFetchNoResults": "nema pronađenih pesama",
+        "playbackFetchInProgress": "učitavanje pesama…",
+        "addNext": "dodaj sledeći",
+        "playbackSpeed": "brzina reprodukcije",
+        "playbackFetchCancel": "ovo traje... zatvorite obaveštenje da biste otkazali",
+        "play": "pusti",
+        "repeat_off": "ponavljanje isključeno",
+        "pause": "pauziraj",
+        "queue_clear": "isprazni red",
+        "muted": "isključeno",
+        "unfavorite": "ukloni iz omiljenih",
+        "queue_moveToTop": "pomeri izabrane na dno",
+        "queue_moveToBottom": "pomeri izabrane na vrh",
+        "shuffle_off": "mešanje isključeno",
+        "addLast": "dodaj poslednji",
+        "mute": "isključi ton",
+        "skip_forward": "preskoči unapred"
+    },
+    "setting": {
+        "crossfadeStyle_description": "izaberite stil prelaska za audio plejer",
+        "remotePort_description": "postavlja port za daljinsku kontrolu servera",
+        "hotkey_skipBackward": "preskoči unazad",
+        "replayGainMode_description": "prilagođava jačinu glasnoće prema vrednostima {{ReplayGain}} koje se nalaze u metapodacima datoteke",
+        "volumeWheelStep_description": "količina promene glasnoće pri okretanju točkića miša na traci za glasnoću",
+        "audioDevice_description": "izaberite audio uređaj za reprodukciju (samo veb plejer)",
+        "theme_description": "postavlja temu za aplikaciju",
+        "hotkey_playbackPause": "pauza",
+        "replayGainFallback": "{{ReplayGain}} alternativa",
+        "sidebarCollapsedNavigation_description": "prikaži ili sakrij navigaciju u sklopljenoj bočnoj traci",
+        "mpvExecutablePath_help": "po jedna po liniji",
+        "hotkey_volumeUp": "pojačaj glasnoću",
+        "skipDuration": "dužina preskakanja",
+        "discordIdleStatus_description": "kada je omogućeno, ažurira status dok je plejer u mirovanju",
+        "showSkipButtons": "prikaži dugmad za preskakanje",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "minimum trajanja za bilježenje (u procentima)",
+        "lyricFetch": "preuzimanje tekstova sa interneta",
+        "scrobble": "bilježi",
+        "skipDuration_description": "postavlja dužinu preskakanja kada koristite dugmad za preskakanje na traci za reprodukciju",
+        "enableRemote_description": "omogućava daljinsku kontrolu servera kako bi omogućili drugim uređajima da kontrolišu aplikaciju",
+        "fontType_optionSystem": "sistemski font",
+        "mpvExecutablePath_description": "postavlja putanju do izvršne datoteke mpv player-a",
+        "replayGainClipping_description": "Smanjuje preklapanje uzrokovano {{ReplayGain}} automatskim smanjenjem glasnoće",
+        "replayGainPreamp": "{{ReplayGain}} pojačalo (dB)",
+        "hotkey_favoriteCurrentSong": "omiljena $t(common.currentSong)",
+        "sampleRate": "sample rate",
+        "crossfadeStyle": "stil prelaza",
+        "sidePlayQueueStyle_optionAttached": "priložena",
+        "sidebarConfiguration": "konfiguracija bočne trake",
+        "sampleRate_description": "izaberite izlazni sample rate koji će se koristiti ako je sample rate drugačiji od onog u trenutnom mediju",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "replayGainClipping": "{{ReplayGain}} smanjenje",
+        "hotkey_zoomIn": "uvećaj",
+        "scrobble_description": "bilježi reprodukciju na vašem serverskom uređaju",
+        "hotkey_browserForward": "napred u pregledaču",
+        "audioExclusiveMode_description": "omogućava ekskluzivan režim izlaza. U ovom režimu, sistem je obično zaključan, i samo mpv će moći da izlazi zvuk",
+        "discordUpdateInterval": "{{discord}} interval ažuriranja bogatog prikaza",
+        "themeLight": "tema (svetla)",
+        "fontType_optionBuiltIn": "ugrađeni font",
+        "hotkey_playbackPlayPause": "reprodukcija / pauza",
+        "hotkey_rate1": "oceni sa 1 zvezdicom",
+        "hotkey_skipForward": "preskoči unapred",
+        "disableLibraryUpdateOnStartup": "onemogući proveru za nove verzije pri pokretanju",
+        "discordApplicationId_description": "ID aplikacije za {{discord}} bogat prikaz (podrazumevano je {{defaultId}})",
+        "sidePlayQueueStyle": "stil bočne liste za reprodukciju",
+        "gaplessAudio": "bez pauze zvuka",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "zoom": "stepen zumiranja",
+        "minimizeToTray_description": "minimizira aplikaciju u sistemsku traku kada se zatvori i vraća je kada se ponovo otvori",
+        "hotkey_playbackPlay": "pusti",
+        "hotkey_togglePreviousSongFavorite": "promeni omiljenu pesmu $t(common.previousSong)",
+        "hotkey_volumeDown": "smanji glasnoću",
+        "hotkey_unfavoritePreviousSong": "ukloni omiljenu pesmu $t(common.previousSong)",
+        "audioPlayer_description": "izaberite audio plejer za reprodukciju",
+        "globalMediaHotkeys": "globalni medijski tasteri",
+        "hotkey_globalSearch": "globalno pretraživanje",
+        "gaplessAudio_description": "postavlja opciju bez pauze zvuka za mpv (preporučeno: slabo)",
+        "remoteUsername_description": "postavlja korisničko ime za daljinsku kontrolu servera. Ako su i korisničko ime i lozinka prazni, autentifikacija će biti onemogućena",
+        "disableAutomaticUpdates": "onemogući automatsko ažuriranje",
+        "exitToTray_description": "izlazak aplikacije u sistemsku traku",
+        "followLyric_description": "pomera tekst pesme na trenutnu poziciju reprodukcije",
+        "hotkey_favoritePreviousSong": "omiljena $t(common.previousSong)",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "pomeraj teksta (ms)",
+        "discordUpdateInterval_description": "vreme u sekundama između svakog ažuriranja (minimum 15 sekundi)",
+        "fontType_optionCustom": "prilagođeni font",
+        "themeDark_description": "postavlja tamnu temu za aplikaciju",
+        "audioExclusiveMode": "ekskluzivni audio režim",
+        "remotePassword": "lozinka za daljinsku kontrolu servera",
+        "lyricFetchProvider": "pružatelji tekstova za preuzimanje",
+        "language_description": "postavlja jezik za aplikaciju ($t(common.restartRequired))",
+        "playbackStyle_optionCrossFade": "prelazak sa preklapanjem",
+        "hotkey_rate3": "oceni sa 3 zvezdice",
+        "font": "font",
+        "mpvExtraParameters": "mpv parametri",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "postavlja svetlu temu za aplikaciju",
+        "hotkey_toggleFullScreenPlayer": "prebaci na prikaz na celom ekranu",
+        "hotkey_localSearch": "pretraživanje na stranici",
+        "hotkey_toggleQueue": "promeni listu za reprodukciju",
+        "zoom_description": "postavlja stepen zumiranja za aplikaciju",
+        "remotePassword_description": "postavlja lozinku za daljinsku kontrolu servera. Ove informacije se prenose nezaštićeno, pa biste trebali koristiti jedinstvenu lozinku koja vam nije važna.",
+        "hotkey_rate5": "oceni sa 5 zvezdica",
+        "hotkey_playbackPrevious": "prethodna pesma",
+        "showSkipButtons_description": "prikaži ili sakrij dugmad za preskakanje na traci za reprodukciju",
+        "crossfadeDuration_description": "postavi trajanje efekta prelaza",
+        "language": "jezik",
+        "playbackStyle": "stil reprodukcije",
+        "hotkey_toggleShuffle": "promeni slučajan redosled",
+        "theme": "tema",
+        "playbackStyle_description": "izaberite stil reprodukcije za audio plejer",
+        "discordRichPresence_description": "omogućava status reprodukcije u {{discord}} bogatom prikazu. Ključevi slika su: {{icon}}, {{playing}}, i {{paused}} ",
+        "mpvExecutablePath": "putanja do mpv izvršne datoteke",
+        "audioDevice": "audio uređaj",
+        "hotkey_rate2": "oceni sa 2 zvezdice",
+        "playButtonBehavior_description": "postavlja zadano ponašanje dugmeta za reprodukciju pri dodavanju pesama u listu za reprodukciju",
+        "minimumScrobblePercentage_description": "minimalni procenat pesme koji mora da bude reprodukovan pre nego što se zabeleži",
+        "exitToTray": "izlazak u oblast za traku",
+        "hotkey_rate4": "oceni sa 4 zvezdice",
+        "enableRemote": "omogući daljinsku kontrolu servera",
+        "showSkipButton_description": "prikaži ili sakrij dugmad za preskakanje na traci za reprodukciju",
+        "savePlayQueue": "sačuvaj listu za reprodukciju",
+        "minimumScrobbleSeconds_description": "minimalno trajanje pesme u sekundama koje mora biti reprodukovano pre nego što se zabeleži",
+        "skipPlaylistPage_description": "kada idete na plejlistu, idi na stranicu sa pesmama plejliste umesto na podrazumevanu stranicu",
+        "fontType_description": "ugrađeni font bira jedan od fontova koje pruža Feishin. sistemski font vam omogućava da izaberete bilo koji font koji nudi vaš operativni sistem. prilagođeni vam omogućava da koristite svoj font",
+        "playButtonBehavior": "ponašanje dugmeta za reprodukciju",
+        "volumeWheelStep": "korak točkića za glasnoću",
+        "sidebarPlaylistList_description": "prikaži ili sakrij listu plejlista na bočnoj traci",
+        "accentColor": "akcentna boja",
+        "sidePlayQueueStyle_description": "postavlja stil bočne liste za reprodukciju",
+        "accentColor_description": "postavi akcentnu boju za aplikaciju",
+        "replayGainMode": "{{ReplayGain}} režim",
+        "playbackStyle_optionNormal": "normalno",
+        "windowBarStyle": "stil trake prozora",
+        "floatingQueueArea": "prikaži područje plutajuće liste za reprodukciju",
+        "replayGainFallback_description": "jačina u dB koja će se primeniti ako datoteka nema {{ReplayGain}} oznake",
+        "replayGainPreamp_description": "prilagođava pojačalo za {{ReplayGain}} vrednosti",
+        "hotkey_toggleRepeat": "promeni ponavljanje",
+        "lyricOffset_description": "pomera tekst za navedeni broj milisekundi",
+        "sidebarConfiguration_description": "izaberite stavke i redosled u kojem se pojavljuju u bočnoj traci",
+        "fontType": "tip fonta",
+        "remotePort": "port za daljinsku kontrolu servera",
+        "applicationHotkeys": "prečice za aplikaciju",
+        "hotkey_playbackNext": "sledeća pesma",
+        "useSystemTheme_description": "prati sistemski određene postavke za svetlu ili tamnu temu",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "preuzimanje tekstova sa različitih izvora na internetu",
+        "lyricFetchProvider_description": "izaberite pružatelje tekstova za preuzimanje. Redosled pružatelja je redosled upita.",
+        "globalMediaHotkeys_description": "omogućava ili onemogućava korišćenje medijskih tastera sistema za kontrolu reprodukcije",
+        "customFontPath": "prilagođena putanja fonta",
+        "followLyric": "prati trenutni tekst pesme",
+        "crossfadeDuration": "trajanje prelaza",
+        "discordIdleStatus": "prikaži status u mirovanju na Diskordu",
+        "sidePlayQueueStyle_optionDetached": "odvojena",
+        "audioPlayer": "audio plejer",
+        "hotkey_zoomOut": "umanji",
+        "hotkey_unfavoriteCurrentSong": "ukloni omiljenu pesmu $t(common.currentSong)",
+        "hotkey_rate0": "obrisati ocenu",
+        "discordApplicationId": "{{discord}} ID aplikacije",
+        "applicationHotkeys_description": "konfiguriši prečice za aplikaciju. uključite opciju za postavljanje kao globalne prečice (samo na radnoj površini)",
+        "floatingQueueArea_description": "prikaz ikone na desnoj strani ekrana za pregled liste za reprodukciju",
+        "hotkey_volumeMute": "isključi zvuk",
+        "hotkey_toggleCurrentSongFavorite": "promeni omiljenu pesmu $t(common.currentSong)",
+        "remoteUsername": "korisničko ime za daljinsku kontrolu servera",
+        "hotkey_browserBack": "nazad u pregledaču",
+        "showSkipButton": "prikaži dugmad za preskakanje",
+        "sidebarPlaylistList": "lista plejlista na bočnoj traci",
+        "minimizeToTray": "minimiziraj u sistemsku traku",
+        "skipPlaylistPage": "preskoči stranicu plejliste",
+        "themeDark": "tema (tamna)",
+        "sidebarCollapsedNavigation": "navigacija (skupljena bočna traka)",
+        "customFontPath_description": "postavlja putanju do prilagođenog fonta za aplikaciju",
+        "gaplessAudio_optionWeak": "slabo (preporučeno)",
+        "minimumScrobbleSeconds": "minimalno trajanje za bilježenje (u sekundama)",
+        "hotkey_playbackStop": "zaustavi",
+        "windowBarStyle_description": "izaberite stil trake prozora",
+        "discordRichPresence": "{{discord}} bogat prikaz",
+        "font_description": "postavlja font koji se koristi za aplikaciju",
+        "savePlayQueue_description": "sačuva listu za reprodukciju kada se aplikacija zatvori i obnovi je pri ponovnom otvaranju aplikacije",
+        "useSystemTheme": "koristi sistemsku temu"
+    },
+    "action": {
+        "editPlaylist": "izmeni $t(entity.playlist_one)",
+        "goToPage": "idi na stranu",
+        "moveToTop": "idi na vrh",
+        "clearQueue": "očisti listu",
+        "addToFavorites": "dodaj u $t(entity.favorite_other)",
+        "addToPlaylist": "dodaj u $t(entity.playlist_one)",
+        "createPlaylist": "napravi $t(entity.playlist_one)",
+        "removeFromPlaylist": "ukloni iz $t(entity.playlist_one)",
+        "viewPlaylists": "vidi $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "obriši $t(entity.playlist_one)",
+        "removeFromQueue": "ukloni iz liste",
+        "deselectAll": "deselektuj sve",
+        "moveToBottom": "idi na dno",
+        "setRating": "oceni",
+        "toggleSmartPlaylistEditor": "pokreni $t(entity.smartPlaylist) editor",
+        "removeFromFavorites": "ukloni iz $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "nazad",
+        "increase": "povećaj",
+        "rating": "ocena",
+        "bpm": "bpm",
+        "refresh": "osveži",
+        "unknown": "nepoznato",
+        "areYouSure": "da li si siguran/na?",
+        "edit": "izmeni",
+        "favorite": "favorit",
+        "left": "levo",
+        "save": "sačuvaj",
+        "right": "desno",
+        "currentSong": "trenutno $t(entity.track_one)",
+        "collapse": "sklopi",
+        "trackNumber": "pesma",
+        "descending": "silazno",
+        "add": "dodaj",
+        "gap": "procep",
+        "ascending": "uzlazno",
+        "dismiss": "odbaci",
+        "year": "godina",
+        "manage": "upravljaj",
+        "limit": "limit",
+        "minimize": "minimiziraj",
+        "modified": "modifikovan",
+        "duration": "trajanje",
+        "name": "ime",
+        "maximize": "maksimiziraj",
+        "decrease": "smanji",
+        "ok": "ok",
+        "description": "opis",
+        "configure": "konfiguriši",
+        "path": "putanja",
+        "center": "centar",
+        "no": "ne",
+        "owner": "vlasnik",
+        "enable": "uključi",
+        "clear": "očisti",
+        "forward": "napred",
+        "delete": "obriši",
+        "cancel": "otkaži",
+        "forceRestartRequired": "restartuj da primeniš izmene… zatvori notifikaciju za restart",
+        "setting": "podešavanje",
+        "version": "verzija",
+        "title": "naziv",
+        "filter_one": "filter",
+        "filter_few": "filteri",
+        "filter_other": "filtera",
+        "filters": "filteri",
+        "create": "napravi",
+        "bitrate": "bitrejt",
+        "saveAndReplace": "sačuvaj i zameni",
+        "action_one": "akcija",
+        "action_few": "akcije",
+        "action_other": "akcija",
+        "playerMustBePaused": "plejer mora biti pauziran",
+        "confirm": "potvrdi",
+        "resetToDefault": "reset na fabrička podešavanja",
+        "home": "kuća",
+        "comingSoon": "stiže uskoro…",
+        "reset": "reset",
+        "channel_one": "kanal",
+        "channel_few": "kanali",
+        "channel_other": "kanala",
+        "disable": "onemogući",
+        "sortOrder": "redosled",
+        "none": "nijedan",
+        "menu": "meni",
+        "restartRequired": "restart potreban",
+        "previousSong": "prethodna $t(entity.track_one)",
+        "noResultsFromQuery": "upit je bez rezultata",
+        "quit": "izađi",
+        "expand": "proširi",
+        "search": "pretraga",
+        "saveAs": "sačuvaj kao",
+        "disc": "disk",
+        "yes": "da",
+        "random": "nasumično",
+        "size": "veličina",
+        "biography": "biografija",
+        "note": "notacija"
+    },
+    "table": {
+        "config": {
+            "view": {
+                "card": "kartica",
+                "table": "tabela",
+                "poster": "poster"
+            },
+            "general": {
+                "displayType": "tip prikaza",
+                "gap": "$t(common.gap)",
+                "tableColumns": "tabela kolona",
+                "autoFitColumns": "automatski uklopi kolone",
+                "size": "$t(common.size)"
+            },
+            "label": {
+                "releaseDate": "datum objavljivanja",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "titleCombined": "$t(common.title) (kombinovano)",
+                "dateAdded": "datum dodavanja",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "zadnje puštana",
+                "trackNumber": "broj pesme",
+                "rowIndex": "indeks reda",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "broj puštanja",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "disk broj",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)"
+            }
+        },
+        "column": {
+            "comment": "komentar",
+            "album": "album",
+            "rating": "rejting",
+            "favorite": "favorit",
+            "playCount": "puštanja",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "godina",
+            "lastPlayed": "zadnje puštana",
+            "biography": "biografija",
+            "releaseDate": "datum objavljivanja",
+            "bitrate": "bitrate",
+            "title": "naziv",
+            "bpm": "bpm",
+            "dateAdded": "datum dodavanja",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "pesma",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "album artist",
+            "path": "putanja",
+            "discNumber": "disk",
+            "channels": "$t(common.channel_other)"
+        }
+    },
+    "error": {
+        "remotePortWarning": "ponovo pokrenite server kako biste primenili novi port",
+        "systemFontError": "došlo je do greške prilikom pokušaja dobijanja sistema fontova",
+        "playbackError": "došlo je do greške prilikom pokušaja reprodukcije medija",
+        "endpointNotImplementedError": "krajnja tačka {{endpoint}} nije implementirana za {{serverType}}",
+        "remotePortError": "došlo je do greške prilikom postavljanja porta udaljenog servera",
+        "serverRequired": "potreban je server",
+        "authenticationFailed": "neuspešna autentikacija",
+        "apiRouteError": "nije moguće usmeriti zahtev",
+        "genericError": "došlo je do greške",
+        "credentialsRequired": "potrebni su pristupni podaci",
+        "sessionExpiredError": "vaša sesija je istekla",
+        "remoteEnableError": "došlo je do greške prilikom pokušaja omogućavanja udaljenog servera",
+        "localFontAccessDenied": "pristup lokalnim fontovima odbijen",
+        "serverNotSelectedError": "nije izabran nijedan server",
+        "remoteDisableError": "došlo je do greške prilikom pokušaja onemogućavanja udaljenog servera",
+        "mpvRequired": "MPV je obavezan",
+        "audioDeviceFetchError": "došlo je do greške prilikom pokušaja dobijanja audio uređaja",
+        "invalidServer": "neispravan server",
+        "loginRateError": "previše pokušaja prijave, molimo pokušajte ponovo za nekoliko sekundi"
+    },
+    "filter": {
+        "mostPlayed": "najviše puštana",
+        "comment": "komentar",
+        "playCount": "broj slušanja",
+        "recentlyUpdated": "skorije ažurirana",
+        "channels": "$t(common.channel_other)",
+        "isCompilation": "je kompilacija",
+        "recentlyPlayed": "skorije puštana",
+        "isRated": "je ocenjena",
+        "owner": "$t(common.owner)",
+        "title": "naziv",
+        "rating": "rejting",
+        "search": "pretraga",
+        "bitrate": "bitrejt",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "skorije dodata",
+        "note": "notacija",
+        "name": "ime",
+        "dateAdded": "datum dodavanja",
+        "releaseDate": "datum izdavanja",
+        "albumCount": "$t(entity.album_other) albuma",
+        "communityRating": "ocena zajednice",
+        "path": "putanja",
+        "favorited": "favoriti",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "je skorije puštana",
+        "isFavorited": "je favorit",
+        "bpm": "bpm",
+        "releaseYear": "godina izdavanja",
+        "id": "id",
+        "disc": "disk",
+        "biography": "biografija",
+        "songCount": "broj pesama",
+        "artist": "$t(entity.artist_one)",
+        "duration": "trajanje",
+        "isPublic": "je javna",
+        "random": "nasumično",
+        "lastPlayed": "zadnje puštana",
+        "toYear": "do godine",
+        "fromYear": "iz godine",
+        "criticRating": "ocena kritičara",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "pesma"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "trenutno pušta",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "prikaži poklapanje teksta",
+                "dynamicBackground": "dinamička pozadina",
+                "synchronized": "s sinhronizacijom",
+                "followCurrentLyric": "prati trenutni tekst pesme",
+                "opacity": "providnost",
+                "lyricSize": "veličina teksta pesme",
+                "showLyricProvider": "prikaži pružatelja teksta pesme",
+                "unsynchronized": "bez sinhronizacije",
+                "lyricAlignment": "poravnanje teksta pesme",
+                "useImageAspectRatio": "koristi odnos stranica slike",
+                "lyricGap": "razmak između stihova"
+            },
+            "upNext": "sledi",
+            "lyrics": "tekst pesme",
+            "related": "povezano"
+        },
+        "appMenu": {
+            "selectServer": "izaberi server",
+            "version": "verzija {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "upravljaj serverima",
+            "expandSidebar": "proširi bočnu traku",
+            "collapseSidebar": "skloni bočnu traku",
+            "openBrowserDevtools": "otvori alatke za razvoj pretraživača",
+            "quit": "$t(common.quit)",
+            "goBack": "idi nazad",
+            "goForward": "idi napred"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} izabrano",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "home": {
+            "mostPlayed": "najviše puštano",
+            "newlyAdded": "nedavno dodate pesme",
+            "title": "$t(common.home)",
+            "explore": "istraži iz tvoje biblioteke",
+            "recentlyPlayed": "nedavno puštane pesme"
+        },
+        "albumDetail": {
+            "moreFromArtist": "još od ovog $t(entity.genre_one)",
+            "moreFromGeneric": "još od {{item}}"
+        },
+        "setting": {
+            "playbackTab": "reprodukcija",
+            "generalTab": "opšte",
+            "hotkeysTab": "prečice",
+            "windowTab": "prozor"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "komande servera",
+                "goToPage": "idi na stranicu",
+                "searchFor": "pretraži za {{query}}"
+            },
+            "title": "komande"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "obriši $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) uspešno obrisan",
+            "input_confirm": "unesite ime $t(entity.playlist_one) za potvrdu"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "kreiraj $t(entity.playlist_one)",
+            "input_public": "javno",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) uspešno kreiran",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "dodaj server",
+            "input_username": "korisničko ime",
+            "input_url": "URL",
+            "input_password": "lozinka",
+            "input_legacyAuthentication": "omogući staru autentikaciju",
+            "input_name": "ime servera",
+            "success": "server uspešno dodat",
+            "input_savePassword": "sačuvaj lozinku",
+            "ignoreSsl": "ignoriši SSL ($t(common.restartRequired))",
+            "ignoreCors": "ignoriši CORS ($t(common.restartRequired))",
+            "error_savePassword": "došlo je do greške prilikom pokušaja čuvanja lozinke"
+        },
+        "addToPlaylist": {
+            "success": "dodato {{message}} $t(entity.track_other) u {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "dodaj u $t(entity.playlist_one)",
+            "input_skipDuplicates": "preskoči duplikate",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "ažuriraj server",
+            "success": "server uspešno ažuriran"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "pronađi sve",
+            "input_optionMatchAny": "pronađi bilo koji"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "pretraga teksta pesme"
+        },
+        "editPlaylist": {
+            "title": "izmeni $t(entity.playlist_one)"
+        }
+    },
+    "entity": {
+        "genre_one": "žanr",
+        "genre_few": "žanrova",
+        "genre_other": "žanrova",
+        "playlistWithCount_one": "{{count}} plejlista",
+        "playlistWithCount_few": "{{count}} plejlista",
+        "playlistWithCount_other": "{{count}} plejlista",
+        "playlist_one": "plejlista",
+        "playlist_few": "plejlista",
+        "playlist_other": "plejlista",
+        "artist_one": "umetnik",
+        "artist_few": "umetnika",
+        "artist_other": "umetnika",
+        "folderWithCount_one": "{{count}} folder",
+        "folderWithCount_few": "{{count}} foldera",
+        "folderWithCount_other": "{{count}} foldera",
+        "albumArtist_one": "album umetnika",
+        "albumArtist_few": "albuma umetnika",
+        "albumArtist_other": "albuma umetnika",
+        "track_one": "pesma",
+        "track_few": "pesama",
+        "track_other": "pesama",
+        "albumArtistCount_one": "{{count}} album umetnika",
+        "albumArtistCount_few": "{{count}} albuma umetnika",
+        "albumArtistCount_other": "{{count}} albuma umetnika",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_few": "{{count}} albuma",
+        "albumWithCount_other": "{{count}} albuma",
+        "favorite_one": "favorit",
+        "favorite_few": "favorita",
+        "favorite_other": "favorita",
+        "artistWithCount_one": "{{count}} umetnik",
+        "artistWithCount_few": "{{count}} umetnika",
+        "artistWithCount_other": "{{count}} umetnika",
+        "folder_one": "folder",
+        "folder_few": "foldera",
+        "folder_other": "foldera",
+        "smartPlaylist": "pametna $t(entity.playlist_one)",
+        "album_one": "album",
+        "album_few": "albumi",
+        "album_other": "albuma",
+        "genreWithCount_one": "{{count}} žanr",
+        "genreWithCount_few": "{{count}} žanrova",
+        "genreWithCount_other": "{{count}} žanrova",
+        "trackWithCount_one": "{{count}} pesma",
+        "trackWithCount_few": "{{count}} pesama",
+        "trackWithCount_other": "{{count}} pesama"
+    }
+}
diff --git a/src/i18n/locales/sv.json b/src/i18n/locales/sv.json
new file mode 100644
index 000000000..587dc3a10
--- /dev/null
+++ b/src/i18n/locales/sv.json
@@ -0,0 +1,345 @@
+{
+    "action": {
+        "editPlaylist": "redigera $t(entity.playlist_one)",
+        "goToPage": "gå till sida",
+        "moveToTop": "flytta till toppen",
+        "clearQueue": "rensa kö",
+        "addToFavorites": "lägg till $t(entity.favorite_other)",
+        "addToPlaylist": "lägg till $t(entity.playlist_one)",
+        "createPlaylist": "skapa $t(entity.playlist_one)",
+        "removeFromPlaylist": "ta bort från $t(entity.playlist_one)",
+        "viewPlaylists": "visa $t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "ta bort $t(entity.playlist_one)",
+        "removeFromQueue": "ta bort från kö",
+        "deselectAll": "avmarkera alla",
+        "moveToBottom": "flytta till botten",
+        "setRating": "sätt betyg",
+        "toggleSmartPlaylistEditor": "växla $t(entity.smartPlaylist) redigerare",
+        "removeFromFavorites": "ta bort från $t(entity.favorite_other)"
+    },
+    "common": {
+        "backward": "bakåt",
+        "increase": "öka",
+        "rating": "betyg",
+        "bpm": "bpm",
+        "refresh": "laddaom",
+        "unknown": "okänd",
+        "areYouSure": "är du säker?",
+        "edit": "redigera",
+        "favorite": "favorit",
+        "left": "vänster",
+        "save": "spara",
+        "right": "höger",
+        "currentSong": "aktuell $t(entity.track_one)",
+        "collapse": "kollaps",
+        "trackNumber": "spår",
+        "descending": "fallande",
+        "add": "lägg till",
+        "gap": "avstånd",
+        "ascending": "stigande",
+        "dismiss": "avskeda",
+        "year": "år",
+        "manage": "hantera",
+        "limit": "gräns",
+        "minimize": "minimera",
+        "modified": "modifierad",
+        "duration": "längd",
+        "name": "namn",
+        "maximize": "maximera",
+        "decrease": "minska",
+        "ok": "ok",
+        "description": "beskrivning",
+        "configure": "konfigurera",
+        "path": "sökväg",
+        "no": "nej",
+        "owner": "ägare",
+        "enable": "aktivera",
+        "clear": "töm",
+        "forward": "framåt",
+        "delete": "ta bort",
+        "cancel": "avbryt",
+        "forceRestartRequired": "starta om för att tillämpa ändringar... Stäng meddelandet för att starta om",
+        "setting": "inställning",
+        "version": "version",
+        "title": "titel",
+        "filter_one": "filter",
+        "filter_other": "filter",
+        "filters": "filter",
+        "create": "skapa",
+        "bitrate": "bithastighet",
+        "saveAndReplace": "spara och skrivöver",
+        "action_one": "handling",
+        "action_other": "handlingar",
+        "playerMustBePaused": "spelaren måste pausas",
+        "confirm": "bekräfta",
+        "resetToDefault": "återställ till standard",
+        "home": "hem",
+        "comingSoon": "kommer snart…",
+        "reset": "nollställ",
+        "channel_one": "kanal",
+        "channel_other": "kanaler",
+        "disable": "inaktivera",
+        "sortOrder": "ordning",
+        "none": "ingen",
+        "menu": "meny",
+        "restartRequired": "omstart krävs",
+        "previousSong": "föregående $t(entity.track_one)",
+        "noResultsFromQuery": "frågan returnerade inga resultat",
+        "quit": "avsluta",
+        "expand": "expandera",
+        "search": "sök",
+        "saveAs": "spara som",
+        "disc": "skiva",
+        "yes": "ja",
+        "random": "slumpmässig",
+        "size": "storlek",
+        "biography": "biografi",
+        "note": "anteckning",
+        "center": "center"
+    },
+    "error": {
+        "remotePortWarning": "starta om servern för att tillämpa den nya porten",
+        "systemFontError": "ett fel uppstod vid försök att hämta systemteckensnitt",
+        "playbackError": "ett fel uppstod vid försök att spela upp media",
+        "endpointNotImplementedError": "endpoint {{endpoint}} är inte implementerad för {{serverType}}",
+        "remotePortError": "ett fel uppstod vid försök att ange serverporten",
+        "serverRequired": "server krävs",
+        "authenticationFailed": "autentiseringen misslyckades",
+        "apiRouteError": "det går inte att dirigera begäran",
+        "genericError": "ett fel uppstod",
+        "credentialsRequired": "autentiseringsuppgifter som krävs",
+        "sessionExpiredError": "din session har löpt ut",
+        "remoteEnableError": "Ett fel uppstod vid försök att $t(common.enable) servern",
+        "localFontAccessDenied": "åtkomst nekad till lokala teckensnitt",
+        "serverNotSelectedError": "ingen server vald",
+        "remoteDisableError": "ett fel uppstod vid försök av $t(common.disable) servern",
+        "mpvRequired": "MPV krävs",
+        "audioDeviceFetchError": "ett fel uppstod vid hämtning av ljudenheter",
+        "invalidServer": "ogiltig server",
+        "loginRateError": "för många inloggningsförsök, försök igen om några sekunder"
+    },
+    "filter": {
+        "mostPlayed": "mest spelade",
+        "comment": "kommentar",
+        "playCount": "antal spelningar",
+        "recentlyUpdated": "nyligen uppdaterad",
+        "channels": "$t(common.channel_other)",
+        "isCompilation": "är kompilering",
+        "recentlyPlayed": "nyligen spelad",
+        "isRated": "är betygsatt",
+        "owner": "$t(common.owner)",
+        "title": "titel",
+        "rating": "betyg",
+        "search": "sök",
+        "bitrate": "bithastighet",
+        "genre": "$t(entity.genre_one)",
+        "recentlyAdded": "nyligen tillagda",
+        "note": "anteckning",
+        "name": "namn",
+        "dateAdded": "datum tillagt",
+        "releaseDate": "utgivningsdag",
+        "communityRating": "betyg från communityn",
+        "path": "sökväg",
+        "favorited": "favoritmärkt",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "isRecentlyPlayed": "spelas nyligen",
+        "isFavorited": "är favoritmärkt",
+        "bpm": "bpm",
+        "releaseYear": "utgivningsår",
+        "id": "id",
+        "disc": "skiva",
+        "biography": "biografi",
+        "artist": "$t(entity.artist_one)",
+        "duration": "längd",
+        "isPublic": "är offentlig",
+        "random": "slumpmässig",
+        "lastPlayed": "senast spelad",
+        "toYear": "till år",
+        "fromYear": "från år",
+        "album": "$t(entity.album_one)",
+        "trackNumber": "spår",
+        "songCount": "sångräkning",
+        "criticRating": "kritikerbetyg"
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "ta bort $t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one) har tagits bort",
+            "input_confirm": "Skriv namnet på $t(entity.playlist_one) för att bekräfta"
+        },
+        "createPlaylist": {
+            "input_description": "$t(common.description)",
+            "title": "skapa $t(entity.playlist_one)",
+            "input_public": "offentlig",
+            "input_name": "$t(common.name)",
+            "success": "$t(entity.playlist_one) skapad",
+            "input_owner": "$t(common.owner)"
+        },
+        "addServer": {
+            "title": "lägg till server",
+            "input_username": "användarnamn",
+            "input_url": "länk",
+            "input_password": "lösenord",
+            "input_legacyAuthentication": "aktivera äldre autentisering",
+            "input_name": "server namn",
+            "success": "servern har lagts till",
+            "input_savePassword": "spara lösenord",
+            "ignoreSsl": "ignorera ssl ($t(common.restartRequired))",
+            "ignoreCors": "ignorera cors ($t(common.restartRequired))",
+            "error_savePassword": "ett fel uppstod när lösenordet skulle sparas"
+        },
+        "addToPlaylist": {
+            "success": "tillade {{message}} $t(entity.track_other) til {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "lägg till i $t(entity.playlist_one)",
+            "input_skipDuplicates": "hoppa över dubbletter",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "updateServer": {
+            "title": "uppdatera server",
+            "success": "servern har uppdaterats"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "matcha alla",
+            "input_optionMatchAny": "matcha något"
+        },
+        "lyricSearch": {
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)",
+            "title": "sångtext sök"
+        },
+        "editPlaylist": {
+            "title": "redigera $t(entity.playlist_one)"
+        }
+    },
+    "page": {
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "Visa låttext matchning",
+                "dynamicBackground": "dynamisk bakgrund",
+                "followCurrentLyric": "följ aktuell låttext",
+                "opacity": "ogenomskinlighet",
+                "lyricSize": "låttext storlek",
+                "lyricAlignment": "låttext justering",
+                "lyricGap": "låttext mellanrum",
+                "synchronized": "synkroniserad",
+                "showLyricProvider": "visa sångtextleverantör",
+                "unsynchronized": "osynkroniserad"
+            },
+            "lyrics": "sångtext",
+            "related": "relaterad"
+        },
+        "appMenu": {
+            "selectServer": "välj server",
+            "version": "version {{version}}",
+            "settings": "$t(common.setting_other)",
+            "manageServers": "hantera servrar",
+            "expandSidebar": "expandera sidofältet",
+            "openBrowserDevtools": "öppna webbläsarens utvecklingsverktyg",
+            "quit": "$t(common.quit)",
+            "goBack": "gå tillbaka",
+            "goForward": "gå framåt",
+            "collapseSidebar": "växla sidofältet"
+        },
+        "contextMenu": {
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "setRating": "$t(action.setRating)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} vald",
+            "removeFromQueue": "$t(action.removeFromQueue)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "mer från $t(entity.genre_one)",
+            "moreFromGeneric": "mer från {{item}}"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        },
+        "sidebar": {
+            "nowPlaying": "nu spelas"
+        },
+        "home": {
+            "mostPlayed": "mest spelade",
+            "newlyAdded": "nytillkomna utgåvor",
+            "explore": "utforska från ditt bibliotek",
+            "recentlyPlayed": "nyligen spelat"
+        },
+        "setting": {
+            "playbackTab": "uppspelning",
+            "generalTab": "allmänt",
+            "hotkeysTab": "snabbtangenter",
+            "windowTab": "fönster"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "serverkommandon",
+                "goToPage": "gå till sidan",
+                "searchFor": "sök efter {{query}}"
+            },
+            "title": "kommandon"
+        }
+    },
+    "entity": {
+        "playlist_one": "spellista",
+        "playlist_other": "spellistor",
+        "artist_one": "artist",
+        "artist_other": "artister",
+        "albumArtist_one": "albumartist",
+        "albumArtist_other": "albumartister",
+        "albumArtistCount_one": "{{count}} Albumartist",
+        "albumArtistCount_other": "{{count}} Albumartister",
+        "albumWithCount_one": "{{count}} album",
+        "albumWithCount_other": "{{count}} album",
+        "favorite_one": "favorit",
+        "favorite_other": "favoriter",
+        "folder_one": "mapp",
+        "folder_other": "mappar",
+        "album_one": "album",
+        "album_other": "album",
+        "playlistWithCount_one": "{{count}} spellista",
+        "playlistWithCount_other": "{{count}} spellistor",
+        "folderWithCount_one": "{{count}} mapp",
+        "folderWithCount_other": "{{count}} mappar",
+        "track_one": "spår",
+        "track_other": "spår",
+        "trackWithCount_one": "{{count}} spår",
+        "trackWithCount_other": "{{count}} spår"
+    },
+    "player": {
+        "repeat_all": "repetera alla",
+        "repeat": "repetera",
+        "queue_remove": "ta bort markerad",
+        "playRandom": "spela slumpmässigt",
+        "previous": "föregående",
+        "favorite": "favorit",
+        "next": "nästa",
+        "shuffle": "blanda",
+        "playbackFetchNoResults": "inga låtar hittades",
+        "playbackFetchInProgress": "laddar låtar…",
+        "addNext": "lägg till nästa",
+        "playbackSpeed": "uppspelningshastighet",
+        "playbackFetchCancel": "det här tar ett tag... stäng aviseringen för att avbryta",
+        "play": "spela",
+        "repeat_off": "repetera inaktiverad",
+        "queue_clear": "rensa kö",
+        "muted": "mutad",
+        "queue_moveToTop": "flytta markerad till botten",
+        "queue_moveToBottom": "flytta markerad till toppen",
+        "addLast": "lägg till sist",
+        "mute": "muta"
+    }
+}
diff --git a/src/i18n/locales/zh-Hans.json b/src/i18n/locales/zh-Hans.json
new file mode 100644
index 000000000..896fea67e
--- /dev/null
+++ b/src/i18n/locales/zh-Hans.json
@@ -0,0 +1,596 @@
+{
+    "action": {
+        "editPlaylist": "编辑 $t(entity.playlist_one)",
+        "moveToTop": "跳至顶部",
+        "clearQueue": "清空播放队列",
+        "addToFavorites": "添加到$t(entity.favorite_other)",
+        "addToPlaylist": "添加到$t(entity.playlist_one)",
+        "createPlaylist": "创建$t(entity.playlist_one)",
+        "removeFromPlaylist": "从$t(entity.playlist_one)移除",
+        "viewPlaylists": "查看$t(entity.playlist_other)",
+        "refresh": "$t(common.refresh)",
+        "deletePlaylist": "删除$t(entity.playlist_one)",
+        "removeFromQueue": "从播放队列中移除",
+        "deselectAll": "取消全选",
+        "moveToBottom": "跳至底部",
+        "setRating": "评分",
+        "toggleSmartPlaylistEditor": "切换$t(entity.smartPlaylist)编辑器",
+        "removeFromFavorites": "从$t(entity.favorite_other)移除",
+        "goToPage": "转到页面"
+    },
+    "common": {
+        "increase": "增高",
+        "rating": "评分",
+        "bpm": "bpm",
+        "refresh": "刷新",
+        "unknown": "未知",
+        "edit": "编辑",
+        "favorite": "收藏",
+        "left": "左",
+        "save": "保存",
+        "right": "右",
+        "currentSong": "当前$t(entity.track_one)",
+        "collapse": "折叠",
+        "trackNumber": "音轨编号",
+        "descending": "降序",
+        "add": "添加",
+        "ascending": "升序",
+        "dismiss": "忽略",
+        "year": "年份",
+        "manage": "管理",
+        "minimize": "最小化",
+        "modified": "已修改",
+        "name": "名称",
+        "maximize": "最大化",
+        "decrease": "降低",
+        "description": "描述",
+        "configure": "配置",
+        "path": "路径",
+        "center": "中央",
+        "owner": "所有者",
+        "enable": "启用",
+        "clear": "清空",
+        "forward": "前进",
+        "delete": "删除",
+        "cancel": "取消",
+        "forceRestartRequired": "重启应用使更改生效…关闭通知即可重启",
+        "setting": "设置",
+        "version": "版本",
+        "title": "标题",
+        "filter_other": "筛选",
+        "filters": "筛选",
+        "create": "创建",
+        "bitrate": "比特率",
+        "saveAndReplace": "保存并替换",
+        "action_other": "操作",
+        "confirm": "确认",
+        "resetToDefault": "重置为默认",
+        "home": "主页",
+        "comingSoon": "即将上线…",
+        "reset": "重置",
+        "disable": "禁用",
+        "menu": "菜单",
+        "restartRequired": "需要重启应用",
+        "previousSong": "上一首$t(entity.track_one)",
+        "noResultsFromQuery": "未查询到匹配结果",
+        "quit": "退出",
+        "expand": "展开",
+        "search": "搜索",
+        "saveAs": "保存为",
+        "random": "随机",
+        "biography": "简介",
+        "sortOrder": "顺序",
+        "backward": "返回",
+        "gap": "空隙",
+        "limit": "限制",
+        "duration": "时长",
+        "ok": "好",
+        "no": "否",
+        "playerMustBePaused": "播放器须被暂停",
+        "channel_other": "频道",
+        "none": "无",
+        "disc": "盘",
+        "yes": "是",
+        "size": "大小",
+        "areYouSure": "是否继续？",
+        "note": "注释"
+    },
+    "entity": {
+        "albumArtist_other": "专辑艺术家",
+        "albumArtistCount_other": "{{count}} 位专辑艺术家",
+        "albumWithCount_other": "{{count}} 张专辑",
+        "album_other": "专辑",
+        "genre_other": "流派",
+        "playlistWithCount_other": "{{count}} 个播放列表",
+        "playlist_other": "播放列表",
+        "artist_other": "艺术家",
+        "folderWithCount_other": "{{count}} 个文件夹",
+        "track_other": "乐曲",
+        "favorite_other": "收藏",
+        "artistWithCount_other": "{{count}} 位艺术家",
+        "folder_other": "文件夹",
+        "smartPlaylist": "智能$t(entity.playlist_one)",
+        "genreWithCount_other": "{{count}} 种流派",
+        "trackWithCount_other": "{{count}} 首乐曲"
+    },
+    "player": {
+        "repeat_all": "全部循环",
+        "stop": "停止",
+        "repeat": "循环",
+        "queue_remove": "移除所选",
+        "playRandom": "随机播放",
+        "skip": "跳过",
+        "previous": "上一首",
+        "toggleFullscreenPlayer": "全屏",
+        "skip_back": "向后跳过",
+        "favorite": "收藏",
+        "next": "下一首",
+        "shuffle": "随机播放",
+        "playbackFetchNoResults": "未找到歌曲",
+        "playbackFetchInProgress": "正在加载歌曲…",
+        "addNext": "添加为播放列表下一首",
+        "playbackFetchCancel": "请稍等…关闭通知以取消操作",
+        "play": "播放",
+        "repeat_off": "不循环",
+        "queue_clear": "清空播放队列",
+        "muted": "已静音",
+        "unfavorite": "取消收藏",
+        "queue_moveToTop": "使所选置底",
+        "queue_moveToBottom": "使所选置顶",
+        "shuffle_off": "未启用随机播放",
+        "addLast": "添加到播放列表末尾",
+        "mute": "静音",
+        "skip_forward": "向前跳过",
+        "playbackSpeed": "播放速度",
+        "pause": "暂停"
+    },
+    "setting": {
+        "crossfadeStyle_description": "选择用于音频播放器的淡入淡出风格",
+        "hotkey_favoriteCurrentSong": "收藏 $t(common.currentSong)",
+        "crossfadeStyle": "淡入淡出风格",
+        "audioExclusiveMode_description": "启用独占输出模式。在此模式下，系统通常被锁定，只有 mpv 能够输出音频",
+        "disableLibraryUpdateOnStartup": "禁用启动时查找新版本",
+        "gaplessAudio": "无缝音频",
+        "audioPlayer_description": "选择用于播放的音频播放器",
+        "globalMediaHotkeys": "全局媒体快捷键",
+        "gaplessAudio_description": "调整 mpv 无缝音频设置",
+        "disableAutomaticUpdates": "禁用自动更新",
+        "followLyric_description": "滚动歌词到当前播放位置",
+        "audioExclusiveMode": "音频独占模式",
+        "font": "字体",
+        "crossfadeDuration_description": "设置淡入淡出持续时间",
+        "audioDevice": "音频设备",
+        "enableRemote": "启用远程控制服务器",
+        "fontType": "字体类型",
+        "applicationHotkeys": "应用快捷键",
+        "globalMediaHotkeys_description": "启用或禁用系统媒体快捷键以控制播放",
+        "customFontPath": "自定义字体路径",
+        "followLyric": "跟随当前歌词",
+        "crossfadeDuration": "淡入淡出持续时间",
+        "audioPlayer": "音频播放器",
+        "discordApplicationId": "{{discord}} 应用 id",
+        "applicationHotkeys_description": "配置应用快捷键。勾选设为全局快捷键（仅桌面端）",
+        "customFontPath_description": "设置应用使用的自定义字体路径",
+        "gaplessAudio_optionWeak": "弱（推荐）",
+        "font_description": "设置应用使用的字体",
+        "audioDevice_description": "选择用于播放的音频设备（仅 web 播放器）",
+        "enableRemote_description": "启用远程控制服务器，以允许其他设备控制此应用",
+        "remotePort_description": "设置远程服务器端口",
+        "hotkey_skipBackward": "向回跳过",
+        "replayGainMode_description": "根据乐曲元数据中存储的{{ReplayGain}}值调整音量增益",
+        "volumeWheelStep_description": "在音量滑块上滚动鼠标滚轮时要更改的音量大小",
+        "theme_description": "设置应用的主题",
+        "hotkey_playbackPause": "暂停",
+        "replayGainFallback": "{{ReplayGain}}后备替代",
+        "sidebarCollapsedNavigation_description": "在折叠的侧边栏中显示或隐藏导航",
+        "hotkey_volumeUp": "音量增高",
+        "skipDuration": "跳过时长",
+        "showSkipButtons": "显示跳过按钮",
+        "playButtonBehavior_optionPlay": "$t(player.play)",
+        "minimumScrobblePercentage": "最小 scrobble 时长（百分比）",
+        "lyricFetch": "从互联网获取歌词",
+        "scrobble": "记录播放信息（Scrobble）",
+        "skipDuration_description": "设置每次按下跳过按钮将会跳过的时长",
+        "fontType_optionSystem": "系统字体",
+        "mpvExecutablePath_description": "设置 mpv 二进制文件的路径",
+        "sampleRate": "采样率",
+        "sidePlayQueueStyle_optionAttached": "吸附",
+        "sidebarConfiguration": "侧边栏设定",
+        "sampleRate_description": "所选的采样率与当前媒体的频率不同时，用于输出的采样率",
+        "replayGainMode_optionNone": "$t(common.none)",
+        "hotkey_zoomIn": "放大",
+        "scrobble_description": "在你的社交媒体中记录播放信息",
+        "hotkey_browserForward": "浏览器前进",
+        "themeLight": "主题（浅色）",
+        "fontType_optionBuiltIn": "内置字体",
+        "hotkey_playbackPlayPause": "播放/暂停",
+        "hotkey_rate1": "评为 1 星",
+        "hotkey_skipForward": "向后跳过",
+        "sidePlayQueueStyle": "侧边播放列表样式",
+        "playButtonBehavior_optionAddLast": "$t(player.addLast)",
+        "zoom": "缩放率",
+        "minimizeToTray_description": "将应用程序最小化到系统托盘",
+        "hotkey_playbackPlay": "播放",
+        "hotkey_togglePreviousSongFavorite": "收藏 / 取消收藏$t(common.previousSong)",
+        "hotkey_volumeDown": "音量降低",
+        "hotkey_unfavoritePreviousSong": "取消收藏$t(common.previousSong)",
+        "hotkey_globalSearch": "全局搜索",
+        "remoteUsername_description": "设置远程控制服务器的用户名。如果用户名和密码都为空，则身份验证将被禁用",
+        "exitToTray_description": "退出应用时最小化到系统托盘而非关闭",
+        "hotkey_favoritePreviousSong": "收藏 $t(common.previousSong)",
+        "replayGainMode_optionAlbum": "$t(entity.album_one)",
+        "lyricOffset": "歌词偏移（毫秒）",
+        "fontType_optionCustom": "自定义字体",
+        "themeDark_description": "应用将使用深色主题",
+        "remotePassword": "远程控制服务器密码",
+        "lyricFetchProvider": "歌词源",
+        "language_description": "设置应用的语言（$t(common.restartRequired)）",
+        "playbackStyle_optionCrossFade": "交叉淡入淡出",
+        "hotkey_rate3": "评为 3 星",
+        "mpvExtraParameters": "mpv 参数",
+        "replayGainMode_optionTrack": "$t(entity.track_one)",
+        "themeLight_description": "应用将使用浅色主题",
+        "hotkey_toggleFullScreenPlayer": "全屏播放",
+        "hotkey_localSearch": "页面内搜索",
+        "hotkey_toggleQueue": "显示 / 隐藏播放队列",
+        "zoom_description": "设置应用程序的缩放率",
+        "remotePassword_description": "设置远程控制服务器的密码。这些凭据默认以不安全的方式传输，因此您应该使用一个您不在意的唯一密码",
+        "hotkey_rate5": "评为 5 星",
+        "hotkey_playbackPrevious": "上一曲",
+        "showSkipButtons_description": "在播放条显示/隐藏播放按钮",
+        "language": "语言",
+        "playbackStyle": "播放风格",
+        "hotkey_toggleShuffle": "切换随机播放设定",
+        "theme": "主题",
+        "playbackStyle_description": "选择播放器的播放风格",
+        "mpvExecutablePath": "mpv 二进制文件路径",
+        "hotkey_rate2": "评为 2 星",
+        "playButtonBehavior_description": "设置将歌曲添加到队列时播放按钮的默认行为",
+        "minimumScrobblePercentage_description": "歌曲被记录为已播放（scrobble）所需的最小播放百分比",
+        "exitToTray": "退出时最小化到托盘",
+        "hotkey_rate4": "评为 4 星",
+        "showSkipButton_description": "在播放条上显示/隐藏跳过按钮",
+        "savePlayQueue": "保存播放列表",
+        "minimumScrobbleSeconds_description": "歌曲被记录为已播放（scrobble）所需的最小播放时间",
+        "skipPlaylistPage_description": "打开歌单时，直接查看歌曲列表而非查看默认页面",
+        "fontType_description": "内置字体可以选择 Feishin 提供的字体之一。系统字体允许您选择操作系统提供的任何字体。自定义选项允许您使用自己的字体",
+        "playButtonBehavior": "播放按钮行为",
+        "volumeWheelStep": "音量滚轮步长",
+        "sidebarPlaylistList_description": "显示或隐藏侧边栏歌单列表",
+        "sidePlayQueueStyle_description": "设置侧边播放列表样式",
+        "replayGainMode": "{{ReplayGain}}模式",
+        "playbackStyle_optionNormal": "通常",
+        "windowBarStyle": "窗口顶栏风格",
+        "floatingQueueArea": "显示浮动队列悬停区域",
+        "replayGainFallback_description": "乐曲没有{{ReplayGain}}标签时应用的增益（以分贝为单位）",
+        "hotkey_toggleRepeat": "切换循环播放设定",
+        "lyricOffset_description": "将歌词偏移指定的毫秒数",
+        "sidebarConfiguration_description": "选择侧边栏包含的项目与顺序",
+        "remotePort": "远程服务器端口",
+        "hotkey_playbackNext": "下一曲",
+        "useSystemTheme_description": "使用系统定义的浅色或深色主题",
+        "playButtonBehavior_optionAddNext": "$t(player.addNext)",
+        "lyricFetch_description": "从多个互联网源获取歌词",
+        "lyricFetchProvider_description": "选择歌词源。 歌词源顺序与查询顺序一致",
+        "sidePlayQueueStyle_optionDetached": "不吸附",
+        "hotkey_zoomOut": "缩小",
+        "hotkey_unfavoriteCurrentSong": "取消收藏$t(common.currentSong)",
+        "hotkey_rate0": "清除评分",
+        "floatingQueueArea_description": "在屏幕右侧显示一个悬停图标，以查看播放队列",
+        "hotkey_volumeMute": "静音",
+        "hotkey_toggleCurrentSongFavorite": "收藏 / 取消收藏$t(common.currentSong)",
+        "remoteUsername": "远程服务器用户名",
+        "hotkey_browserBack": "浏览器后退",
+        "showSkipButton": "显示跳过按钮",
+        "sidebarPlaylistList": "侧边栏歌单列表",
+        "minimizeToTray": "最小化到托盘",
+        "skipPlaylistPage": "跳过歌单页面",
+        "themeDark": "主题（深色）",
+        "sidebarCollapsedNavigation": "侧边栏（已折叠）导航",
+        "minimumScrobbleSeconds": "最小 scrobble 时间（秒）",
+        "hotkey_playbackStop": "停止",
+        "windowBarStyle_description": "选择窗口顶栏的风格",
+        "savePlayQueue_description": "当应用程序关闭时保存播放队列，并在应用程序打开时恢复它",
+        "useSystemTheme": "跟随系统",
+        "mpvExecutablePath_help": "每行一个",
+        "discordIdleStatus_description": "启用后将会在播放器闲置时更新状态",
+        "replayGainClipping_description": "自动降低增益以防止{{ReplayGain}}造成削波",
+        "replayGainPreamp": "{{ReplayGain}}前置放大（分贝）",
+        "replayGainClipping": "{{ReplayGain}}削波",
+        "discordUpdateInterval": "{{discord}} rich presence 更新间隔",
+        "discordApplicationId_description": "{{discord}} rich presence 应用 id（默认为 {{defaultId}}）",
+        "discordUpdateInterval_description": "更新间隔秒数（至少 15 秒）",
+        "discordRichPresence_description": "在 {{discord}} rich presence 中显示播放状态。图片键为：{{icon}}、{{playing}} 和 {{paused}} ",
+        "accentColor": "强调色",
+        "accentColor_description": "设置应用的强调色",
+        "replayGainPreamp_description": "调整应用在{{ReplayGain}}值上的前置放大增益",
+        "discordIdleStatus": "显示 rich presence 闲置状态",
+        "discordRichPresence": "{{discord}} rich presence"
+    },
+    "error": {
+        "remotePortWarning": "重启服务器使新端口生效",
+        "systemFontError": "获取系统字体时出现错误",
+        "playbackError": "无法播放媒体",
+        "endpointNotImplementedError": "{{serverType}} 尚未实现端点 {{endpoint}}",
+        "remotePortError": "设置远程服务器端口时发生错误",
+        "serverRequired": "需要服务器",
+        "authenticationFailed": "认证失败",
+        "apiRouteError": "请求失败：无法路由",
+        "genericError": "发生了错误",
+        "credentialsRequired": "需要凭证",
+        "sessionExpiredError": "会话已过期",
+        "remoteEnableError": "$t(common.enable)远程服务器时出现错误",
+        "localFontAccessDenied": "无法获取本地字体",
+        "serverNotSelectedError": "未选择服务器",
+        "remoteDisableError": "$t(common.disable)远程服务器时出现错误",
+        "mpvRequired": "需要 MPV",
+        "audioDeviceFetchError": "无法获取音频设备",
+        "invalidServer": "无效的服务器",
+        "loginRateError": "登录请求尝试次数过多，请稍后再试"
+    },
+    "filter": {
+        "mostPlayed": "播放最多",
+        "playCount": "播放次数",
+        "recentlyPlayed": "最近播放",
+        "title": "标题",
+        "rating": "评分",
+        "search": "搜索",
+        "bitrate": "比特率",
+        "recentlyAdded": "最近添加",
+        "name": "名称",
+        "dateAdded": "已添加日期",
+        "releaseDate": "发布日期",
+        "communityRating": "社区评分",
+        "path": "路径",
+        "favorited": "已收藏",
+        "albumArtist": "$t(entity.albumArtist_one)",
+        "releaseYear": "发布年份",
+        "biography": "个人简介",
+        "songCount": "曲目数",
+        "random": "随机",
+        "lastPlayed": "上次播放过",
+        "toYear": "从年份",
+        "fromYear": "从年份",
+        "criticRating": "评论家评分",
+        "trackNumber": "曲目",
+        "bpm": "bpm",
+        "artist": "$t(entity.artist_one)",
+        "comment": "评论",
+        "isCompilation": "为合辑",
+        "isFavorited": "已收藏",
+        "isPublic": "已公开",
+        "recentlyUpdated": "最近更新",
+        "isRated": "已评分",
+        "isRecentlyPlayed": "最近播放过",
+        "channels": "$t(common.channel_other)",
+        "owner": "$t(common.owner)",
+        "genre": "$t(entity.genre_one)",
+        "note": "注释",
+        "albumCount": "$t(entity.album_other)数",
+        "id": "id",
+        "disc": "盘",
+        "duration": "时长",
+        "album": "$t(entity.album_one)"
+    },
+    "page": {
+        "sidebar": {
+            "nowPlaying": "正在播放",
+            "playlists": "$t(entity.playlist_other)",
+            "search": "$t(common.search)",
+            "tracks": "$t(entity.track_other)",
+            "albums": "$t(entity.album_other)",
+            "genres": "$t(entity.genre_other)",
+            "folders": "$t(entity.folder_other)",
+            "settings": "$t(common.setting_other)",
+            "home": "$t(common.home)",
+            "artists": "$t(entity.artist_other)",
+            "albumArtists": "$t(entity.albumArtist_other)"
+        },
+        "fullscreenPlayer": {
+            "config": {
+                "showLyricMatch": "显示匹配的歌词",
+                "dynamicBackground": "动态背景",
+                "synchronized": "已同步",
+                "opacity": "透明度",
+                "lyricSize": "歌词字体大小",
+                "showLyricProvider": "显示歌词提供者",
+                "unsynchronized": "未同步",
+                "lyricAlignment": "歌词对齐",
+                "useImageAspectRatio": "使用图片纵横比",
+                "lyricGap": "歌词间距",
+                "followCurrentLyric": "跟随当前歌词"
+            },
+            "lyrics": "歌词",
+            "related": "相关",
+            "upNext": "即将播放"
+        },
+        "appMenu": {
+            "selectServer": "选择服务器",
+            "version": "版本 {{version}}",
+            "manageServers": "管理服务器",
+            "expandSidebar": "展开侧边栏",
+            "collapseSidebar": "折叠侧边栏",
+            "openBrowserDevtools": "打开浏览器开发者工具",
+            "goBack": "返回",
+            "goForward": "前进",
+            "settings": "$t(common.setting_other)",
+            "quit": "$t(common.quit)"
+        },
+        "home": {
+            "mostPlayed": "最多播放",
+            "newlyAdded": "最近添加的发布",
+            "explore": "从库中搜索",
+            "recentlyPlayed": "最近播放",
+            "title": "$t(common.home)"
+        },
+        "albumDetail": {
+            "moreFromArtist": "更多该$t(entity.artist_one)作品",
+            "moreFromGeneric": "更多{{item}}作品"
+        },
+        "setting": {
+            "playbackTab": "播放",
+            "generalTab": "通用",
+            "hotkeysTab": "快捷键",
+            "windowTab": "窗口"
+        },
+        "globalSearch": {
+            "commands": {
+                "serverCommands": "服务器命令",
+                "goToPage": "跳至页面",
+                "searchFor": "搜索 {{query}}"
+            },
+            "title": "命令"
+        },
+        "contextMenu": {
+            "setRating": "$t(action.setRating)",
+            "removeFromPlaylist": "$t(action.removeFromPlaylist)",
+            "removeFromFavorites": "$t(action.removeFromFavorites)",
+            "play": "$t(player.play)",
+            "numberSelected": "{{count}} 已选择",
+            "removeFromQueue": "$t(action.removeFromQueue)",
+            "addToPlaylist": "$t(action.addToPlaylist)",
+            "addToFavorites": "$t(action.addToFavorites)",
+            "moveToTop": "$t(action.moveToTop)",
+            "deletePlaylist": "$t(action.deletePlaylist)",
+            "moveToBottom": "$t(action.moveToBottom)",
+            "createPlaylist": "$t(action.createPlaylist)",
+            "addNext": "$t(player.addNext)",
+            "deselectAll": "$t(action.deselectAll)",
+            "addLast": "$t(player.addLast)",
+            "addFavorite": "$t(action.addToFavorites)"
+        },
+        "trackList": {
+            "title": "$t(entity.track_other)"
+        },
+        "albumArtistList": {
+            "title": "$t(entity.albumArtist_other)"
+        },
+        "albumList": {
+            "title": "$t(entity.album_other)"
+        },
+        "genreList": {
+            "title": "$t(entity.genre_other)"
+        },
+        "playlistList": {
+            "title": "$t(entity.playlist_other)"
+        }
+    },
+    "form": {
+        "deletePlaylist": {
+            "title": "删除$t(entity.playlist_one)",
+            "success": "$t(entity.playlist_one)已成功删除",
+            "input_confirm": "输入$t(entity.playlist_one)的名称进行确认"
+        },
+        "addServer": {
+            "title": "添加服务器",
+            "input_username": "用户名",
+            "input_password": "密码",
+            "input_legacyAuthentication": "启用旧版认证方式",
+            "input_name": "服务器名",
+            "success": "服务器添加成功",
+            "input_savePassword": "保存密码",
+            "ignoreSsl": "忽略 ssl $t(common.restartRequired)",
+            "ignoreCors": "忽略 cors $t(common.restartRequired)",
+            "error_savePassword": "保存密码时出现错误",
+            "input_url": "url"
+        },
+        "addToPlaylist": {
+            "success": "添加 {{message}} $t(entity.track_other) 到 {{numOfPlaylists}} $t(entity.playlist_other)",
+            "title": "添加到$t(entity.playlist_one)",
+            "input_skipDuplicates": "跳过重复",
+            "input_playlists": "$t(entity.playlist_other)"
+        },
+        "createPlaylist": {
+            "title": "创建$t(entity.playlist_one)",
+            "input_public": "公开",
+            "success": "已成功创建 $t(entity.playlist_one)",
+            "input_description": "$t(common.description)",
+            "input_name": "$t(common.name)",
+            "input_owner": "$t(common.owner)"
+        },
+        "updateServer": {
+            "title": "更新服务器",
+            "success": "服务器已更新成功"
+        },
+        "queryEditor": {
+            "input_optionMatchAll": "匹配全部",
+            "input_optionMatchAny": "匹配任何"
+        },
+        "editPlaylist": {
+            "title": "编辑$t(entity.playlist_one)"
+        },
+        "lyricSearch": {
+            "title": "搜索歌词",
+            "input_name": "$t(common.name)",
+            "input_artist": "$t(entity.artist_one)"
+        }
+    },
+    "table": {
+        "config": {
+            "general": {
+                "displayType": "显示风格",
+                "gap": "$t(common.gap)",
+                "tableColumns": "列",
+                "autoFitColumns": "列宽自适应",
+                "size": "$t(common.size)"
+            },
+            "view": {
+                "table": "表格",
+                "poster": "海报",
+                "card": "卡片"
+            },
+            "label": {
+                "releaseDate": "发布日期",
+                "title": "$t(common.title)",
+                "duration": "$t(common.duration)",
+                "dateAdded": "添加日期",
+                "size": "$t(common.size)",
+                "bpm": "$t(common.bpm)",
+                "lastPlayed": "最后播放",
+                "trackNumber": "音轨编号",
+                "rowIndex": "行号",
+                "rating": "$t(common.rating)",
+                "artist": "$t(entity.artist_one)",
+                "album": "$t(entity.album_one)",
+                "note": "$t(common.note)",
+                "biography": "$t(common.biography)",
+                "owner": "$t(common.owner)",
+                "path": "$t(common.path)",
+                "channels": "$t(common.channel_other)",
+                "playCount": "播放数",
+                "bitrate": "$t(common.bitrate)",
+                "actions": "$t(common.action_other)",
+                "genre": "$t(entity.genre_one)",
+                "discNumber": "碟片编号",
+                "favorite": "$t(common.favorite)",
+                "year": "$t(common.year)",
+                "albumArtist": "$t(entity.albumArtist_one)",
+                "titleCombined": "$t(common.title)（合并）"
+            }
+        },
+        "column": {
+            "comment": "评论",
+            "album": "专辑",
+            "rating": "评价",
+            "favorite": "收藏",
+            "playCount": "播放次数",
+            "albumCount": "$t(entity.album_other)",
+            "releaseYear": "年份",
+            "lastPlayed": "最后播放",
+            "biography": "简介",
+            "releaseDate": "发布日期",
+            "bitrate": "比特率",
+            "title": "标题",
+            "bpm": "bpm",
+            "dateAdded": "添加日期",
+            "artist": "$t(entity.artist_one)",
+            "songCount": "$t(entity.track_other)",
+            "trackNumber": "音轨编号",
+            "genre": "$t(entity.genre_one)",
+            "albumArtist": "专辑艺术家",
+            "path": "路径",
+            "channels": "$t(common.channel_other)",
+            "discNumber": "盘"
+        }
+    }
+}
diff --git a/src/i18n/locales/zh-Hant.json b/src/i18n/locales/zh-Hant.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/src/i18n/locales/zh-Hant.json
@@ -0,0 +1 @@
+{}
diff --git a/src/main/features/core/discord-rpc/index.ts b/src/main/features/core/discord-rpc/index.ts
new file mode 100644
index 000000000..22737f4f4
--- /dev/null
+++ b/src/main/features/core/discord-rpc/index.ts
@@ -0,0 +1,63 @@
+import { Client, SetActivity } from '@xhayper/discord-rpc';
+import { ipcMain } from 'electron';
+
+const FEISHIN_DISCORD_APPLICATION_ID = '1165957668758900787';
+
+let client: Client | null = null;
+
+const createClient = (clientId?: string) => {
+    client = new Client({
+        clientId: clientId || FEISHIN_DISCORD_APPLICATION_ID,
+    });
+
+    client.login();
+
+    return client;
+};
+
+const setActivity = (activity: SetActivity) => {
+    if (client) {
+        client.user?.setActivity({
+            ...activity,
+        });
+    }
+};
+
+const clearActivity = () => {
+    if (client) {
+        client.user?.clearActivity();
+    }
+};
+
+const quit = () => {
+    if (client) {
+        client?.destroy();
+    }
+};
+
+ipcMain.handle('discord-rpc-initialize', (_event, clientId?: string) => {
+    createClient(clientId);
+});
+
+ipcMain.handle('discord-rpc-set-activity', (_event, activity: SetActivity) => {
+    if (client) {
+        setActivity(activity);
+    }
+});
+
+ipcMain.handle('discord-rpc-clear-activity', () => {
+    if (client) {
+        clearActivity();
+    }
+});
+
+ipcMain.handle('discord-rpc-quit', () => {
+    quit();
+});
+
+export const discordRpc = {
+    clearActivity,
+    createClient,
+    quit,
+    setActivity,
+};
diff --git a/src/main/features/core/index.ts b/src/main/features/core/index.ts
index e2b2455be..1846db0db 100644
--- a/src/main/features/core/index.ts
+++ b/src/main/features/core/index.ts
@@ -2,3 +2,4 @@ import './lyrics';
 import './player';
 import './remote';
 import './settings';
+import './discord-rpc';
diff --git a/src/main/features/core/player/index.ts b/src/main/features/core/player/index.ts
index facd1b1a1..f6d6f4b3e 100644
--- a/src/main/features/core/player/index.ts
+++ b/src/main/features/core/player/index.ts
@@ -1,7 +1,11 @@
 import console from 'console';
-import { ipcMain } from 'electron';
-import { getMpvInstance } from '../../../main';
+import { app, ipcMain } from 'electron';
+import uniq from 'lodash/uniq';
+import MpvAPI from 'node-mpv';
+import { getMainWindow, sendToastToRenderer } from '../../../main';
 import { PlayerData } from '/@/renderer/store';
+import { createLog, isWindows } from '../../../utils';
+import { store } from '../settings';
 
 declare module 'node-mpv';
 
@@ -13,6 +17,208 @@ declare module 'node-mpv';
 //     });
 // }
 
+let mpvInstance: MpvAPI | null = null;
+
+const NodeMpvErrorCode = {
+    0: 'Unable to load file or stream',
+    1: 'Invalid argument',
+    2: 'Binary not found',
+    3: 'IPC command invalid',
+    4: 'Unable to bind IPC socket',
+    5: 'Connection timeout',
+    6: 'MPV is already running',
+    7: 'Could not send IPC message',
+    8: 'MPV is not running',
+    9: 'Unsupported protocol',
+};
+
+type NodeMpvError = {
+    errcode: number;
+    method: string;
+    stackTrace: string;
+    verbose: string;
+};
+
+const mpvLog = (
+    data: { action: string; toast?: 'info' | 'success' | 'warning' },
+    err?: NodeMpvError,
+) => {
+    const { action, toast } = data;
+
+    if (err) {
+        const message = `[AUDIO PLAYER] ${action} - mpv errorcode ${err.errcode} - ${
+            NodeMpvErrorCode[err.errcode as keyof typeof NodeMpvErrorCode]
+        }`;
+
+        sendToastToRenderer({ message, type: 'error' });
+        createLog({ message, type: 'error' });
+    }
+
+    const message = `[AUDIO PLAYER] ${action}`;
+    createLog({ message, type: 'error' });
+    if (toast) {
+        sendToastToRenderer({ message, type: toast });
+    }
+};
+
+const MPV_BINARY_PATH = store.get('mpv_path') as string | undefined;
+const isDevelopment = process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true';
+
+const prefetchPlaylistParams = [
+    '--prefetch-playlist=no',
+    '--prefetch-playlist=yes',
+    '--prefetch-playlist',
+];
+
+const DEFAULT_MPV_PARAMETERS = (extraParameters?: string[]) => {
+    const parameters = ['--idle=yes', '--no-config', '--load-scripts=no'];
+
+    if (!extraParameters?.some((param) => prefetchPlaylistParams.includes(param))) {
+        parameters.push('--prefetch-playlist=yes');
+    }
+
+    return parameters;
+};
+
+const createMpv = async (data: {
+    binaryPath?: string;
+    extraParameters?: string[];
+    properties?: Record<string, any>;
+}): Promise<MpvAPI> => {
+    const { extraParameters, properties, binaryPath } = data;
+
+    const params = uniq([...DEFAULT_MPV_PARAMETERS(extraParameters), ...(extraParameters || [])]);
+
+    const extra = isDevelopment ? '-dev' : '';
+
+    const mpv = new MpvAPI(
+        {
+            audio_only: true,
+            auto_restart: false,
+            binary: binaryPath || MPV_BINARY_PATH || undefined,
+            socket: isWindows() ? `\\\\.\\pipe\\mpvserver${extra}` : `/tmp/node-mpv${extra}.sock`,
+            time_update: 1,
+        },
+        params,
+    );
+
+    try {
+        await mpv.start();
+    } catch (error: any) {
+        console.log('mpv failed to start', error);
+    } finally {
+        await mpv.setMultipleProperties(properties || {});
+    }
+
+    mpv.on('status', (status) => {
+        if (status.property === 'playlist-pos') {
+            if (status.value === -1) {
+                mpv?.stop();
+            }
+
+            if (status.value !== 0) {
+                getMainWindow()?.webContents.send('renderer-player-auto-next');
+            }
+        }
+    });
+
+    // Automatically updates the play button when the player is playing
+    mpv.on('resumed', () => {
+        getMainWindow()?.webContents.send('renderer-player-play');
+    });
+
+    // Automatically updates the play button when the player is stopped
+    mpv.on('stopped', () => {
+        getMainWindow()?.webContents.send('renderer-player-stop');
+    });
+
+    // Automatically updates the play button when the player is paused
+    mpv.on('paused', () => {
+        getMainWindow()?.webContents.send('renderer-player-pause');
+    });
+
+    // Event output every interval set by time_update, used to update the current time
+    mpv.on('timeposition', (time: number) => {
+        getMainWindow()?.webContents.send('renderer-player-current-time', time);
+    });
+
+    return mpv;
+};
+
+export const getMpvInstance = () => {
+    return mpvInstance;
+};
+
+const setAudioPlayerFallback = (isError: boolean) => {
+    getMainWindow()?.webContents.send('renderer-player-fallback', isError);
+};
+
+ipcMain.on('player-set-properties', async (_event, data: Record<string, any>) => {
+    mpvLog({ action: `Setting properties: ${JSON.stringify(data)}` });
+    if (data.length === 0) {
+        return;
+    }
+
+    try {
+        if (data.length === 1) {
+            getMpvInstance()?.setProperty(Object.keys(data)[0], Object.values(data)[0]);
+        } else {
+            getMpvInstance()?.setMultipleProperties(data);
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set properties: ${JSON.stringify(data)}` }, err);
+    }
+});
+
+ipcMain.handle(
+    'player-restart',
+    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
+        try {
+            mpvLog({
+                action: `Attempting to initialize mpv with parameters: ${JSON.stringify(data)}`,
+            });
+
+            // Clean up previous mpv instance
+            getMpvInstance()?.stop();
+            getMpvInstance()?.quit();
+            mpvInstance = null;
+
+            mpvInstance = await createMpv(data);
+            mpvLog({ action: 'Restarted mpv', toast: 'success' });
+            setAudioPlayerFallback(false);
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: 'Failed to restart mpv, falling back to web player' }, err);
+            setAudioPlayerFallback(true);
+        }
+    },
+);
+
+ipcMain.handle(
+    'player-initialize',
+    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
+        try {
+            mpvLog({
+                action: `Attempting to initialize mpv with parameters: ${JSON.stringify(data)}`,
+            });
+            mpvInstance = await createMpv(data);
+            setAudioPlayerFallback(false);
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: 'Failed to initialize mpv, falling back to web player' }, err);
+            setAudioPlayerFallback(true);
+        }
+    },
+);
+
+ipcMain.on('player-quit', async () => {
+    try {
+        getMpvInstance()?.stop();
+        getMpvInstance()?.quit();
+        mpvInstance = null;
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to quit mpv' }, err);
+    }
+});
+
 ipcMain.handle('player-is-running', async () => {
     return getMpvInstance()?.isRunning();
 });
@@ -23,99 +229,93 @@ ipcMain.handle('player-clean-up', async () => {
 });
 
 ipcMain.on('player-start', async () => {
-    await getMpvInstance()
-        ?.play()
-        .catch((err) => {
-            console.log('MPV failed to play', err);
-        });
+    try {
+        await getMpvInstance()?.play();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to start mpv playback' }, err);
+    }
 });
 
 // Starts the player
 ipcMain.on('player-play', async () => {
-    await getMpvInstance()
-        ?.play()
-        .catch((err) => {
-            console.log('MPV failed to play', err);
-        });
+    try {
+        await getMpvInstance()?.play();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to start mpv playback' }, err);
+    }
 });
 
 // Pauses the player
 ipcMain.on('player-pause', async () => {
-    await getMpvInstance()
-        ?.pause()
-        .catch((err) => {
-            console.log('MPV failed to pause', err);
-        });
+    try {
+        await getMpvInstance()?.pause();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to pause mpv playback' }, err);
+    }
 });
 
 // Stops the player
 ipcMain.on('player-stop', async () => {
-    await getMpvInstance()
-        ?.stop()
-        .catch((err) => {
-            console.log('MPV failed to stop', err);
-        });
+    try {
+        await getMpvInstance()?.stop();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to stop mpv playback' }, err);
+    }
 });
 
 // Goes to the next track in the playlist
 ipcMain.on('player-next', async () => {
-    await getMpvInstance()
-        ?.next()
-        .catch((err) => {
-            console.log('MPV failed to go to next', err);
-        });
+    try {
+        await getMpvInstance()?.next();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to go to next track' }, err);
+    }
 });
 
 // Goes to the previous track in the playlist
 ipcMain.on('player-previous', async () => {
-    await getMpvInstance()
-        ?.prev()
-        .catch((err) => {
-            console.log('MPV failed to go to previous', err);
-        });
+    try {
+        await getMpvInstance()?.prev();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: 'Failed to go to previous track' }, err);
+    }
 });
 
 // Seeks forward or backward by the given amount of seconds
 ipcMain.on('player-seek', async (_event, time: number) => {
-    await getMpvInstance()
-        ?.seek(time)
-        .catch((err) => {
-            console.log('MPV failed to seek', err);
-        });
+    try {
+        await getMpvInstance()?.seek(time);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to seek by ${time} seconds` }, err);
+    }
 });
 
 // Seeks to the given time in seconds
 ipcMain.on('player-seek-to', async (_event, time: number) => {
-    await getMpvInstance()
-        ?.goToPosition(time)
-        .catch((err) => {
-            console.log(`MPV failed to seek to ${time}`, err);
-        });
+    try {
+        await getMpvInstance()?.goToPosition(time);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to seek to ${time} seconds` }, err);
+    }
 });
 
 // Sets the queue in position 0 and 1 to the given data. Used when manually starting a song or using the next/prev buttons
 ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean) => {
     if (!data.queue.current && !data.queue.next) {
-        await getMpvInstance()
-            ?.clearPlaylist()
-            .catch((err) => {
-                console.log('MPV failed to clear playlist', err);
-            });
-
-        await getMpvInstance()
-            ?.pause()
-            .catch((err) => {
-                console.log('MPV failed to pause', err);
-            });
-        return;
+        try {
+            await getMpvInstance()?.clearPlaylist();
+            await getMpvInstance()?.pause();
+            return;
+        } catch (err: NodeMpvError | any) {
+            mpvLog({ action: `Failed to clear play queue` }, err);
+        }
     }
 
     try {
         if (data.queue.current) {
             await getMpvInstance()
                 ?.load(data.queue.current.streamUrl, 'replace')
-                .catch((err) => {
-                    console.log('MPV failed to load song', err);
+                .catch(() => {
                     getMpvInstance()?.play();
                 });
 
@@ -123,41 +323,36 @@ ipcMain.on('player-set-queue', async (_event, data: PlayerData, pause?: boolean)
                 await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
             }
         }
-    } catch (err) {
-        console.error(err);
-    }
 
-    if (pause) {
-        getMpvInstance()?.pause();
+        if (pause) {
+            await getMpvInstance()?.pause();
+        } else if (pause === false) {
+            // Only force play if pause is explicitly false
+            await getMpvInstance()?.play();
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set play queue` }, err);
     }
 });
 
 // Replaces the queue in position 1 to the given data
 ipcMain.on('player-set-queue-next', async (_event, data: PlayerData) => {
-    const size = await getMpvInstance()
-        ?.getPlaylistSize()
-        .catch((err) => {
-            console.log('MPV failed to get playlist size', err);
-        });
+    try {
+        const size = await getMpvInstance()?.getPlaylistSize();
 
-    if (!size) {
-        return;
-    }
+        if (!size) {
+            return;
+        }
 
-    if (size > 1) {
-        await getMpvInstance()
-            ?.playlistRemove(1)
-            .catch((err) => {
-                console.log('MPV failed to remove song from playlist', err);
-            });
-    }
+        if (size > 1) {
+            await getMpvInstance()?.playlistRemove(1);
+        }
 
-    if (data.queue.next) {
-        await getMpvInstance()
-            ?.load(data.queue.next.streamUrl, 'append')
-            .catch((err) => {
-                console.log('MPV failed to load next song', err);
-            });
+        if (data.queue.next) {
+            await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set play queue` }, err);
     }
 });
 
@@ -166,40 +361,57 @@ ipcMain.on('player-auto-next', async (_event, data: PlayerData) => {
     // Always keep the current song as position 0 in the mpv queue
     // This allows us to easily set update the next song in the queue without
     // disturbing the currently playing song
-    await getMpvInstance()
-        ?.playlistRemove(0)
-        .catch((err) => {
-            console.log('MPV failed to remove song from playlist', err);
-            getMpvInstance()?.pause();
-        });
-
-    if (data.queue.next) {
+    try {
         await getMpvInstance()
-            ?.load(data.queue.next.streamUrl, 'append')
-            .catch((err) => {
-                console.log('MPV failed to load next song', err);
+            ?.playlistRemove(0)
+            .catch(() => {
+                getMpvInstance()?.pause();
             });
+
+        if (data.queue.next) {
+            await getMpvInstance()?.load(data.queue.next.streamUrl, 'append');
+        }
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to load next song` }, err);
     }
 });
 
 // Sets the volume to the given value (0-100)
 ipcMain.on('player-volume', async (_event, value: number) => {
-    await getMpvInstance()
-        ?.volume(value)
-        .catch((err) => {
-            console.log('MPV failed to set volume', err);
-        });
+    try {
+        if (!value || value < 0 || value > 100) {
+            return;
+        }
+
+        await getMpvInstance()?.volume(value);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set volume to ${value}` }, err);
+    }
 });
 
 // Toggles the mute status
 ipcMain.on('player-mute', async (_event, mute: boolean) => {
-    await getMpvInstance()
-        ?.mute(mute)
-        .catch((err) => {
-            console.log('MPV failed to toggle mute', err);
-        });
+    try {
+        await getMpvInstance()?.mute(mute);
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to set mute status` }, err);
+    }
 });
 
 ipcMain.handle('player-get-time', async (): Promise<number | undefined> => {
-    return getMpvInstance()?.getTimePosition();
+    try {
+        return getMpvInstance()?.getTimePosition();
+    } catch (err: NodeMpvError | any) {
+        mpvLog({ action: `Failed to get current time` }, err);
+        return 0;
+    }
+});
+
+app.on('before-quit', () => {
+    getMpvInstance()?.stop();
+    getMpvInstance()?.quit();
+});
+
+app.on('window-all-closed', () => {
+    getMpvInstance()?.quit();
 });
diff --git a/src/main/features/core/player/media-keys.ts b/src/main/features/core/player/media-keys.ts
index 2aefd7fd6..bac8c2ca1 100644
--- a/src/main/features/core/player/media-keys.ts
+++ b/src/main/features/core/player/media-keys.ts
@@ -1,7 +1,26 @@
 /* eslint-disable promise/always-return */
-import { BrowserWindow, globalShortcut } from 'electron';
+import { BrowserWindow, globalShortcut, systemPreferences } from 'electron';
+import { isMacOS } from '../../../utils';
+import { store } from '../settings';
 
 export const enableMediaKeys = (window: BrowserWindow | null) => {
+    if (isMacOS()) {
+        const shouldPrompt = store.get('should_prompt_accessibility', true) as boolean;
+        const trusted = systemPreferences.isTrustedAccessibilityClient(shouldPrompt);
+
+        if (shouldPrompt) {
+            store.set('should_prompt_accessibility', false);
+        }
+
+        if (!trusted) {
+            window?.webContents.send('toast-from-main', {
+                message:
+                    'Feishin is not a trusted accessibility client. Media keys will not work until this setting is changed',
+                type: 'warning',
+            });
+        }
+    }
+
     globalShortcut.register('MediaStop', () => {
         window?.webContents.send('renderer-player-stop');
     });
diff --git a/src/main/features/core/settings/index.ts b/src/main/features/core/settings/index.ts
index f45addea5..f829ea588 100644
--- a/src/main/features/core/settings/index.ts
+++ b/src/main/features/core/settings/index.ts
@@ -1,5 +1,6 @@
-import { ipcMain, safeStorage } from 'electron';
+import { ipcMain, nativeTheme, safeStorage } from 'electron';
 import Store from 'electron-store';
+import type { TitleTheme } from '/@/renderer/types';
 
 export const store = new Store();
 
@@ -48,3 +49,8 @@ ipcMain.handle('password-set', (_event, password: string, server: string) => {
     }
     return false;
 });
+
+ipcMain.on('theme-set', (_event, theme: TitleTheme) => {
+    store.set('theme', theme);
+    nativeTheme.themeSource = theme;
+});
diff --git a/src/main/features/linux/mpris.ts b/src/main/features/linux/mpris.ts
index bc21595ce..4fe285d0c 100644
--- a/src/main/features/linux/mpris.ts
+++ b/src/main/features/linux/mpris.ts
@@ -70,6 +70,8 @@ mprisPlayer.on('volume', (vol: number) => {
     getMainWindow()?.webContents.send('request-volume', {
         volume,
     });
+
+    mprisPlayer.volume = volume / 100;
 });
 
 mprisPlayer.on('shuffle', (event: boolean) => {
@@ -154,12 +156,19 @@ ipcMain.on('update-song', (_event, args: SongUpdate) => {
                 ? song.albumArtists.map((artist) => artist.name)
                 : null,
             'xesam:artist': song.artists?.length ? song.artists.map((artist) => artist.name) : null,
+            'xesam:audioBpm': song.bpm,
+            // Comment is a `list of strings` type
+            'xesam:comment': song.comment ? [song.comment] : null,
+            'xesam:contentCreated': song.releaseDate,
             'xesam:discNumber': song.discNumber ? song.discNumber : null,
             'xesam:genre': song.genres?.length ? song.genres.map((genre: any) => genre.name) : null,
+            'xesam:lastUsed': song.lastPlayedAt,
             'xesam:title': song.name || null,
             'xesam:trackNumber': song.trackNumber ? song.trackNumber : null,
             'xesam:useCount':
                 song.playCount !== null && song.playCount !== undefined ? song.playCount : null,
+            // User ratings are only on Navidrome/Subsonic and are on a scale of 1-5
+            'xesam:userRating': song.userRating ? song.userRating / 5 : null,
         };
     } catch (err) {
         console.log(err);
diff --git a/src/main/main.ts b/src/main/main.ts
index 1d2932971..107c6562b 100644
--- a/src/main/main.ts
+++ b/src/main/main.ts
@@ -20,29 +20,41 @@ import {
     Tray,
     Menu,
     nativeImage,
+    nativeTheme,
     BrowserWindowConstructorOptions,
+    protocol,
+    net,
 } from 'electron';
 import electronLocalShortcut from 'electron-localshortcut';
-import log from 'electron-log';
+import log from 'electron-log/main';
 import { autoUpdater } from 'electron-updater';
-import uniq from 'lodash/uniq';
-import MpvAPI from 'node-mpv';
 import { disableMediaKeys, enableMediaKeys } from './features/core/player/media-keys';
 import { store } from './features/core/settings/index';
 import MenuBuilder from './menu';
-import { hotkeyToElectronAccelerator, isLinux, isMacOS, isWindows, resolveHtmlPath } from './utils';
+import {
+    hotkeyToElectronAccelerator,
+    isLinux,
+    isMacOS,
+    isWindows,
+    resolveHtmlPath,
+    createLog,
+    autoUpdaterLogInterface,
+} from './utils';
 import './features';
+import type { TitleTheme } from '/@/renderer/types';
 
 declare module 'node-mpv';
 
 export default class AppUpdater {
     constructor() {
         log.transports.file.level = 'info';
-        autoUpdater.logger = log;
+        autoUpdater.logger = autoUpdaterLogInterface;
         autoUpdater.checkForUpdatesAndNotify();
     }
 }
 
+protocol.registerSchemesAsPrivileged([{ privileges: { bypassCSP: true }, scheme: 'feishin' }]);
+
 process.on('uncaughtException', (error: any) => {
     console.log('Error in main process', error);
 });
@@ -51,6 +63,12 @@ if (store.get('ignore_ssl')) {
     app.commandLine.appendSwitch('ignore-certificate-errors');
 }
 
+// From https://github.com/tutao/tutanota/commit/92c6ed27625fcf367f0fbcc755d83d7ff8fde94b
+if (isLinux() && !process.argv.some((a) => a.startsWith('--password-store='))) {
+    const paswordStore = store.get('password_store', 'gnome-libsecret') as string;
+    app.commandLine.appendSwitch('password-store', paswordStore);
+}
+
 let mainWindow: BrowserWindow | null = null;
 let tray: Tray | null = null;
 let exitFromTray = false;
@@ -80,16 +98,6 @@ const installExtensions = async () => {
         .catch(console.log);
 };
 
-const singleInstance = app.requestSingleInstanceLock();
-
-if (!singleInstance) {
-    app.quit();
-} else {
-    app.on('second-instance', () => {
-        mainWindow?.show();
-    });
-}
-
 const RESOURCES_PATH = app.isPackaged
     ? path.join(process.resourcesPath, 'assets')
     : path.join(__dirname, '../../assets');
@@ -102,6 +110,19 @@ export const getMainWindow = () => {
     return mainWindow;
 };
 
+export const sendToastToRenderer = ({
+    message,
+    type,
+}: {
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+}) => {
+    getMainWindow()?.webContents.send('toast-from-main', {
+        message,
+        type,
+    });
+};
+
 const createWinThumbarButtons = () => {
     if (isWindows()) {
         getMainWindow()?.setThumbarButtons([
@@ -185,7 +206,7 @@ const createTray = () => {
     tray.setContextMenu(contextMenu);
 };
 
-const createWindow = async () => {
+const createWindow = async (first = true) => {
     if (isDevelopment) {
         await installExtensions();
     }
@@ -200,8 +221,8 @@ const createWindow = async () => {
         },
         macOS: {
             autoHideMenuBar: true,
-            frame: false,
-            titleBarStyle: 'hidden',
+            frame: true,
+            titleBarStyle: 'default',
             trafficLightPosition: { x: 10, y: 10 },
         },
         windows: {
@@ -264,6 +285,10 @@ const createWindow = async () => {
         app.exit();
     });
 
+    ipcMain.handle('window-clear-cache', async () => {
+        return mainWindow?.webContents.session.clearCache();
+    });
+
     ipcMain.on('app-restart', () => {
         // Fix for .AppImage
         if (process.env.APPIMAGE) {
@@ -310,34 +335,36 @@ const createWindow = async () => {
                         }
 
                         const queue = JSON.parse(data.toString());
-                        getMainWindow()?.webContents.send('renderer-player-restore-queue', queue);
+                        getMainWindow()?.webContents.send('renderer-restore-queue', queue);
                     });
                 });
             });
         }
     });
 
-    const globalMediaKeysEnabled = store.get('global_media_hotkeys') as boolean;
+    const globalMediaKeysEnabled = store.get('global_media_hotkeys', true) as boolean;
 
-    if (globalMediaKeysEnabled !== false) {
+    if (globalMediaKeysEnabled) {
         enableMediaKeys(mainWindow);
     }
 
     mainWindow.loadURL(resolveHtmlPath('index.html'));
 
+    const startWindowMinimized = store.get('window_start_minimized', false) as boolean;
+
     mainWindow.on('ready-to-show', () => {
         if (!mainWindow) {
             throw new Error('"mainWindow" is not defined');
         }
-        if (process.env.START_MINIMIZED) {
-            mainWindow.minimize();
-        } else {
+
+        if (!first || !startWindowMinimized) {
             mainWindow.show();
             createWinThumbarButtons();
         }
     });
 
     mainWindow.on('closed', () => {
+        ipcMain.removeHandler('window-clear-cache');
         mainWindow = null;
     });
 
@@ -356,7 +383,7 @@ const createWindow = async () => {
             event.preventDefault();
             saved = true;
 
-            getMainWindow()?.webContents.send('renderer-player-save-queue');
+            getMainWindow()?.webContents.send('renderer-save-queue');
 
             ipcMain.once('player-save-queue', async (_event, data: Record<string, any>) => {
                 const queueLocation = join(app.getPath('userData'), 'queue');
@@ -420,139 +447,12 @@ const createWindow = async () => {
         // eslint-disable-next-line
         new AppUpdater();
     }
-};
-
-app.commandLine.appendSwitch('disable-features', 'HardwareMediaKeyHandling,MediaSessionService');
-
-const MPV_BINARY_PATH = store.get('mpv_path') as string | undefined;
-
-const prefetchPlaylistParams = [
-    '--prefetch-playlist=no',
-    '--prefetch-playlist=yes',
-    '--prefetch-playlist',
-];
 
-const DEFAULT_MPV_PARAMETERS = (extraParameters?: string[]) => {
-    const parameters = ['--idle=yes', '--no-config', '--load-scripts=no'];
-
-    if (!extraParameters?.some((param) => prefetchPlaylistParams.includes(param))) {
-        parameters.push('--prefetch-playlist=yes');
-    }
-
-    return parameters;
+    const theme = store.get('theme') as TitleTheme | undefined;
+    nativeTheme.themeSource = theme || 'dark';
 };
 
-let mpvInstance: MpvAPI | null = null;
-
-const createMpv = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    const { extraParameters, properties } = data;
-
-    const params = uniq([...DEFAULT_MPV_PARAMETERS(extraParameters), ...(extraParameters || [])]);
-    console.log('Setting mpv params: ', params);
-
-    const extra = isDevelopment ? '-dev' : '';
-
-    const mpv = new MpvAPI(
-        {
-            audio_only: true,
-            auto_restart: false,
-            binary: MPV_BINARY_PATH || '',
-            socket: isWindows() ? `\\\\.\\pipe\\mpvserver${extra}` : `/tmp/node-mpv${extra}.sock`,
-            time_update: 1,
-        },
-        params,
-    );
-
-    // eslint-disable-next-line promise/catch-or-return
-    mpv.start()
-        .catch((error) => {
-            console.log('MPV failed to start', error);
-        })
-        .finally(() => {
-            console.log('Setting MPV properties: ', properties);
-            mpv.setMultipleProperties(properties || {});
-        });
-
-    mpv.on('status', (status, ...rest) => {
-        console.log('MPV Event: status', status.property, status.value, rest);
-        if (status.property === 'playlist-pos') {
-            if (status.value === -1) {
-                mpv?.stop();
-            }
-
-            if (status.value !== 0) {
-                getMainWindow()?.webContents.send('renderer-player-auto-next');
-            }
-        }
-    });
-
-    // Automatically updates the play button when the player is playing
-    mpv.on('resumed', () => {
-        console.log('MPV Event: resumed');
-        getMainWindow()?.webContents.send('renderer-player-play');
-    });
-
-    // Automatically updates the play button when the player is stopped
-    mpv.on('stopped', () => {
-        console.log('MPV Event: stopped');
-        getMainWindow()?.webContents.send('renderer-player-stop');
-    });
-
-    // Automatically updates the play button when the player is paused
-    mpv.on('paused', () => {
-        console.log('MPV Event: paused');
-        getMainWindow()?.webContents.send('renderer-player-pause');
-    });
-
-    // Event output every interval set by time_update, used to update the current time
-    mpv.on('timeposition', (time: number) => {
-        getMainWindow()?.webContents.send('renderer-player-current-time', time);
-    });
-
-    mpv.on('quit', () => {
-        console.log('MPV Event: quit');
-    });
-
-    return mpv;
-};
-
-export const getMpvInstance = () => {
-    return mpvInstance;
-};
-
-ipcMain.on('player-set-properties', async (_event, data: Record<string, any>) => {
-    if (data.length === 0) {
-        return;
-    }
-
-    if (data.length === 1) {
-        getMpvInstance()?.setProperty(Object.keys(data)[0], Object.values(data)[0]);
-    } else {
-        getMpvInstance()?.setMultipleProperties(data);
-    }
-});
-
-ipcMain.on(
-    'player-restart',
-    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-        mpvInstance?.quit();
-        mpvInstance = createMpv(data);
-    },
-);
-
-ipcMain.on(
-    'player-initialize',
-    async (_event, data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-        console.log('Initializing MPV with data: ', data);
-        mpvInstance = createMpv(data);
-    },
-);
-
-ipcMain.on('player-quit', async () => {
-    mpvInstance?.stop();
-    mpvInstance?.quit();
-    mpvInstance = null;
-});
+app.commandLine.appendSwitch('disable-features', 'HardwareMediaKeyHandling,MediaSessionService');
 
 // Must duplicate with the one in renderer process settings.store.ts
 enum BindingActions {
@@ -628,7 +528,7 @@ ipcMain.on(
             }
         }
 
-        const globalMediaKeysEnabled = store.get('global_media_hotkeys') as boolean;
+        const globalMediaKeysEnabled = store.get('global_media_hotkeys', true) as boolean;
 
         if (globalMediaKeysEnabled) {
             enableMediaKeys(mainWindow);
@@ -636,31 +536,85 @@ ipcMain.on(
     },
 );
 
-app.on('before-quit', () => {
-    getMpvInstance()?.stop();
-    getMpvInstance()?.quit();
-});
+ipcMain.on(
+    'logger',
+    (
+        _event,
+        data: {
+            message: string;
+            type: 'debug' | 'verbose' | 'success' | 'error' | 'warning' | 'info';
+        },
+    ) => {
+        createLog(data);
+    },
+);
 
 app.on('window-all-closed', () => {
     globalShortcut.unregisterAll();
-    getMpvInstance()?.quit();
     // Respect the OSX convention of having the application in memory even
     // after all windows have been closed
     if (isMacOS()) {
+        ipcMain.removeHandler('window-clear-cache');
         mainWindow = null;
     } else {
         app.quit();
     }
 });
 
-app.whenReady()
-    .then(() => {
-        createWindow();
-        createTray();
-        app.on('activate', () => {
-            // On macOS it's common to re-create a window in the app when the
-            // dock icon is clicked and there are no other windows open.
-            if (mainWindow === null) createWindow();
-        });
-    })
-    .catch(console.log);
+const FONT_HEADERS = [
+    'font/collection',
+    'font/otf',
+    'font/sfnt',
+    'font/ttf',
+    'font/woff',
+    'font/woff2',
+];
+
+const singleInstance = app.requestSingleInstanceLock();
+
+if (!singleInstance) {
+    app.quit();
+} else {
+    app.on('second-instance', () => {
+        if (mainWindow) {
+            if (mainWindow.isMinimized()) {
+                mainWindow.restore();
+            }
+
+            mainWindow.focus();
+        }
+    });
+
+    app.whenReady()
+        .then(() => {
+            protocol.handle('feishin', async (request) => {
+                const filePath = `file://${request.url.slice('feishin://'.length)}`;
+                const response = await net.fetch(filePath);
+                const contentType = response.headers.get('content-type');
+
+                if (!contentType || !FONT_HEADERS.includes(contentType)) {
+                    getMainWindow()?.webContents.send('custom-font-error', filePath);
+
+                    return new Response(null, {
+                        status: 403,
+                        statusText: 'Forbidden',
+                    });
+                }
+
+                return response;
+            });
+
+            createWindow();
+            createTray();
+            app.on('activate', () => {
+                // On macOS it's common to re-create a window in the app when the
+                // dock icon is clicked and there are no other windows open.
+                if (mainWindow === null) createWindow(false);
+                else if (!mainWindow.isVisible()) {
+                    mainWindow.show();
+                    createWinThumbarButtons();
+                }
+            });
+        })
+        .catch(console.log);
+}
diff --git a/src/main/preload.ts b/src/main/preload.ts
index c87e5877b..d21837853 100644
--- a/src/main/preload.ts
+++ b/src/main/preload.ts
@@ -1,5 +1,6 @@
 import { contextBridge } from 'electron';
 import { browser } from './preload/browser';
+import { discordRpc } from './preload/discord-rpc';
 import { ipc } from './preload/ipc';
 import { localSettings } from './preload/local-settings';
 import { lyrics } from './preload/lyrics';
@@ -10,6 +11,7 @@ import { utils } from './preload/utils';
 
 contextBridge.exposeInMainWorld('electron', {
     browser,
+    discordRpc,
     ipc,
     localSettings,
     lyrics,
diff --git a/src/main/preload/browser.ts b/src/main/preload/browser.ts
index d24e739a6..bf7b58812 100644
--- a/src/main/preload/browser.ts
+++ b/src/main/preload/browser.ts
@@ -24,7 +24,12 @@ const devtools = () => {
     ipcRenderer.send('window-dev-tools');
 };
 
+const clearCache = (): Promise<void> => {
+    return ipcRenderer.invoke('window-clear-cache');
+};
+
 export const browser = {
+    clearCache,
     devtools,
     exit,
     maximize,
@@ -32,3 +37,5 @@ export const browser = {
     quit,
     unmaximize,
 };
+
+export type Browser = typeof browser;
diff --git a/src/main/preload/discord-rpc.ts b/src/main/preload/discord-rpc.ts
new file mode 100644
index 000000000..560a20f23
--- /dev/null
+++ b/src/main/preload/discord-rpc.ts
@@ -0,0 +1,28 @@
+import { SetActivity } from '@xhayper/discord-rpc';
+import { ipcRenderer } from 'electron';
+
+const initialize = (clientId: string) => {
+    const client = ipcRenderer.invoke('discord-rpc-initialize', clientId);
+    return client;
+};
+
+const clearActivity = () => {
+    ipcRenderer.invoke('discord-rpc-clear-activity');
+};
+
+const setActivity = (activity: SetActivity) => {
+    ipcRenderer.invoke('discord-rpc-set-activity', activity);
+};
+
+const quit = () => {
+    ipcRenderer.invoke('discord-rpc-quit');
+};
+
+export const discordRpc = {
+    clearActivity,
+    initialize,
+    quit,
+    setActivity,
+};
+
+export type DiscordRpc = typeof discordRpc;
diff --git a/src/main/preload/local-settings.ts b/src/main/preload/local-settings.ts
index ee8044e0b..c6269411d 100644
--- a/src/main/preload/local-settings.ts
+++ b/src/main/preload/local-settings.ts
@@ -1,9 +1,18 @@
-import { ipcRenderer, webFrame } from 'electron';
+import { IpcRendererEvent, ipcRenderer, webFrame } from 'electron';
 import Store from 'electron-store';
+import { toServerType, type TitleTheme } from '/@/renderer/types';
 
 const store = new Store();
 
-const set = (property: string, value: string | Record<string, unknown> | boolean | string[]) => {
+const set = (
+    property: string,
+    value: string | Record<string, unknown> | boolean | string[] | undefined,
+) => {
+    if (value === undefined) {
+        store.delete(property);
+        return;
+    }
+
     store.set(`${property}`, value);
 };
 
@@ -39,9 +48,29 @@ const setZoomFactor = (zoomFactor: number) => {
     webFrame.setZoomFactor(zoomFactor / 100);
 };
 
+const fontError = (cb: (event: IpcRendererEvent, file: string) => void) => {
+    ipcRenderer.on('custom-font-error', cb);
+};
+
+const themeSet = (theme: TitleTheme): void => {
+    ipcRenderer.send('theme-set', theme);
+};
+
+const SERVER_TYPE = toServerType(process.env.SERVER_TYPE);
+
+const env = {
+    SERVER_LOCK:
+        SERVER_TYPE !== null ? process.env.SERVER_LOCK?.toLocaleLowerCase() === 'true' : false,
+    SERVER_NAME: process.env.SERVER_NAME ?? '',
+    SERVER_TYPE,
+    SERVER_URL: process.env.SERVER_URL ?? 'http://',
+};
+
 export const localSettings = {
     disableMediaKeys,
     enableMediaKeys,
+    env,
+    fontError,
     get,
     passwordGet,
     passwordRemove,
@@ -49,6 +78,7 @@ export const localSettings = {
     restart,
     set,
     setZoomFactor,
+    themeSet,
 };
 
 export type LocalSettings = typeof localSettings;
diff --git a/src/main/preload/mpv-player.ts b/src/main/preload/mpv-player.ts
index 49c1e34ce..78108e296 100644
--- a/src/main/preload/mpv-player.ts
+++ b/src/main/preload/mpv-player.ts
@@ -1,12 +1,16 @@
 import { ipcRenderer, IpcRendererEvent } from 'electron';
-import { PlayerData, PlayerState } from '/@/renderer/store';
+import { PlayerData } from '/@/renderer/store';
 
 const initialize = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    ipcRenderer.send('player-initialize', data);
+    return ipcRenderer.invoke('player-initialize', data);
 };
 
-const restart = (data: { extraParameters?: string[]; properties?: Record<string, any> }) => {
-    ipcRenderer.send('player-restart', data);
+const restart = (data: {
+    binaryPath?: string;
+    extraParameters?: string[];
+    properties?: Record<string, any>;
+}) => {
+    return ipcRenderer.invoke('player-restart', data);
 };
 
 const isRunning = () => {
@@ -18,7 +22,6 @@ const cleanup = () => {
 };
 
 const setProperties = (data: Record<string, any>) => {
-    console.log('Setting property :>>', data);
     ipcRenderer.send('player-set-properties', data);
 };
 
@@ -50,14 +53,6 @@ const previous = () => {
     ipcRenderer.send('player-previous');
 };
 
-const restoreQueue = () => {
-    ipcRenderer.send('player-restore-queue');
-};
-
-const saveQueue = (data: Record<string, any>) => {
-    ipcRenderer.send('player-save-queue', data);
-};
-
 const seek = (seconds: number) => {
     ipcRenderer.send('player-seek', seconds);
 };
@@ -154,20 +149,14 @@ const rendererQuit = (cb: (event: IpcRendererEvent) => void) => {
     ipcRenderer.on('renderer-player-quit', cb);
 };
 
-const rendererSaveQueue = (cb: (event: IpcRendererEvent) => void) => {
-    ipcRenderer.on('renderer-player-save-queue', cb);
-};
-
-const rendererRestoreQueue = (
-    cb: (event: IpcRendererEvent, data: Partial<PlayerState>) => void,
-) => {
-    ipcRenderer.on('renderer-player-restore-queue', cb);
-};
-
 const rendererError = (cb: (event: IpcRendererEvent, data: string) => void) => {
     ipcRenderer.on('renderer-player-error', cb);
 };
 
+const rendererPlayerFallback = (cb: (event: IpcRendererEvent, data: boolean) => void) => {
+    ipcRenderer.on('renderer-player-fallback', cb);
+};
+
 export const mpvPlayer = {
     autoNext,
     cleanup,
@@ -182,8 +171,6 @@ export const mpvPlayer = {
     previous,
     quit,
     restart,
-    restoreQueue,
-    saveQueue,
     seek,
     seekTo,
     setProperties,
@@ -201,10 +188,9 @@ export const mpvPlayerListener = {
     rendererPause,
     rendererPlay,
     rendererPlayPause,
+    rendererPlayerFallback,
     rendererPrevious,
     rendererQuit,
-    rendererRestoreQueue,
-    rendererSaveQueue,
     rendererSkipBackward,
     rendererSkipForward,
     rendererStop,
diff --git a/src/main/preload/utils.ts b/src/main/preload/utils.ts
index 77bc4dade..12f83ba73 100644
--- a/src/main/preload/utils.ts
+++ b/src/main/preload/utils.ts
@@ -1,9 +1,59 @@
+import { IpcRendererEvent, ipcRenderer } from 'electron';
 import { isMacOS, isWindows, isLinux } from '../utils';
+import { PlayerState } from '/@/renderer/store';
+
+const saveQueue = (data: Record<string, any>) => {
+    ipcRenderer.send('player-save-queue', data);
+};
+
+const restoreQueue = () => {
+    ipcRenderer.send('player-restore-queue');
+};
+
+const onSaveQueue = (cb: (event: IpcRendererEvent) => void) => {
+    ipcRenderer.on('renderer-save-queue', cb);
+};
+
+const onRestoreQueue = (cb: (event: IpcRendererEvent, data: Partial<PlayerState>) => void) => {
+    ipcRenderer.on('renderer-restore-queue', cb);
+};
+
+const playerErrorListener = (cb: (event: IpcRendererEvent, data: { code: number }) => void) => {
+    ipcRenderer.on('player-error-listener', cb);
+};
+
+const mainMessageListener = (
+    cb: (
+        event: IpcRendererEvent,
+        data: { message: string; type: 'success' | 'error' | 'warning' | 'info' },
+    ) => void,
+) => {
+    ipcRenderer.on('toast-from-main', cb);
+};
+
+const logger = (
+    cb: (
+        event: IpcRendererEvent,
+        data: {
+            message: string;
+            type: 'debug' | 'verbose' | 'error' | 'warning' | 'info';
+        },
+    ) => void,
+) => {
+    ipcRenderer.send('logger', cb);
+};
 
 export const utils = {
     isLinux,
     isMacOS,
     isWindows,
+    logger,
+    mainMessageListener,
+    onRestoreQueue,
+    onSaveQueue,
+    playerErrorListener,
+    restoreQueue,
+    saveQueue,
 };
 
 export type Utils = typeof utils;
diff --git a/src/main/utils.ts b/src/main/utils.ts
index 5ca169b38..8a29f6ef6 100644
--- a/src/main/utils.ts
+++ b/src/main/utils.ts
@@ -2,6 +2,7 @@
 import path from 'path';
 import process from 'process';
 import { URL } from 'url';
+import log from 'electron-log/main';
 
 export let resolveHtmlPath: (htmlFileName: string) => string;
 
@@ -50,3 +51,46 @@ export const hotkeyToElectronAccelerator = (hotkey: string) => {
 
     return accelerator;
 };
+
+const logMethod = {
+    debug: log.debug,
+    error: log.error,
+    info: log.info,
+    success: log.info,
+    verbose: log.verbose,
+    warning: log.warn,
+};
+
+const logColor = {
+    debug: 'blue',
+    error: 'red',
+    info: 'blue',
+    success: 'green',
+    verbose: 'blue',
+    warning: 'yellow',
+};
+
+export const createLog = (data: {
+    message: string;
+    type: 'debug' | 'verbose' | 'success' | 'error' | 'warning' | 'info';
+}) => {
+    logMethod[data.type](`%c${data.message}`, `color: ${logColor[data.type]}`);
+};
+
+export const autoUpdaterLogInterface = {
+    debug: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'debug' });
+    },
+
+    error: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'error' });
+    },
+
+    info: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'info' });
+    },
+
+    warn: (message: string) => {
+        createLog({ message: `[SYSTEM] ${message}`, type: 'warning' });
+    },
+};
diff --git a/src/remote/components/remote-container.tsx b/src/remote/components/remote-container.tsx
index 24a0154a2..2213fcbb3 100644
--- a/src/remote/components/remote-container.tsx
+++ b/src/remote/components/remote-container.tsx
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { Group, Image, Rating, Text, Title } from '@mantine/core';
+import { Group, Image, Text, Title } from '@mantine/core';
 import { useInfo, useSend, useShowImage } from '/@/remote/store';
 import { RemoteButton } from '/@/remote/components/buttons/remote-button';
 import formatDuration from 'format-duration';
@@ -18,6 +18,7 @@ import {
 import { PlayerRepeat, PlayerStatus } from '/@/renderer/types';
 import { WrapperSlider } from '/@/remote/components/wrapped-slider';
 import { Tooltip } from '/@/renderer/components/tooltip';
+import { Rating } from '/@/renderer/components';
 
 export const RemoteContainer = () => {
     const { repeat, shuffle, song, status, volume } = useInfo();
diff --git a/src/renderer/api/controller.ts b/src/renderer/api/controller.ts
index 4c360aa81..d6dddecf3 100644
--- a/src/renderer/api/controller.ts
+++ b/src/renderer/api/controller.ts
@@ -51,12 +51,17 @@ import type {
     RescanArgs,
     ScanStatus,
     ScanStatusArgs,
+    ServerInfo,
+    ServerInfoArgs,
+    StructuredLyricsArgs,
+    StructuredLyric,
 } from '/@/renderer/api/types';
 import { ServerType } from '/@/renderer/types';
 import { DeletePlaylistResponse, RandomSongListArgs } from './types';
 import { ndController } from '/@/renderer/api/navidrome/navidrome-controller';
 import { ssController } from '/@/renderer/api/subsonic/subsonic-controller';
 import { jfController } from '/@/renderer/api/jellyfin/jellyfin-controller';
+import i18n from '/@/i18n/i18n';
 
 export type ControllerEndpoint = Partial<{
     addToPlaylist: (args: AddToPlaylistArgs) => Promise<AddToPlaylistResponse>;
@@ -88,8 +93,10 @@ export type ControllerEndpoint = Partial<{
     getPlaylistSongList: (args: PlaylistSongListArgs) => Promise<SongListResponse>;
     getRandomSongList: (args: RandomSongListArgs) => Promise<SongListResponse>;
     getScanStatus: (args: ScanStatusArgs) => Promise<ScanStatus>;
+    getServerInfo: (args: ServerInfoArgs) => Promise<ServerInfo>;
     getSongDetail: (args: SongDetailArgs) => Promise<SongDetailResponse>;
     getSongList: (args: SongListArgs) => Promise<SongListResponse>;
+    getStructuredLyrics: (args: StructuredLyricsArgs) => Promise<StructuredLyric[]>;
     getTopSongs: (args: TopSongListArgs) => Promise<TopSongListResponse>;
     getUserList: (args: UserListArgs) => Promise<UserListResponse>;
     removeFromPlaylist: (args: RemoveFromPlaylistArgs) => Promise<RemoveFromPlaylistResponse>;
@@ -134,8 +141,10 @@ const endpoints: ApiController = {
         getPlaylistSongList: jfController.getPlaylistSongList,
         getRandomSongList: jfController.getRandomSongList,
         getScanStatus: undefined,
+        getServerInfo: jfController.getServerInfo,
         getSongDetail: jfController.getSongDetail,
         getSongList: jfController.getSongList,
+        getStructuredLyrics: undefined,
         getTopSongs: jfController.getTopSongList,
         getUserList: undefined,
         removeFromPlaylist: jfController.removeFromPlaylist,
@@ -172,8 +181,10 @@ const endpoints: ApiController = {
         getPlaylistSongList: ndController.getPlaylistSongList,
         getRandomSongList: ssController.getRandomSongList,
         getScanStatus: ssController.getScanStatus,
+        getServerInfo: ssController.getServerInfo,
         getSongDetail: ndController.getSongDetail,
         getSongList: ndController.getSongList,
+        getStructuredLyrics: ssController.getStructuredLyrics,
         getTopSongs: ssController.getTopSongList,
         getUserList: ndController.getUserList,
         removeFromPlaylist: ndController.removeFromPlaylist,
@@ -207,8 +218,10 @@ const endpoints: ApiController = {
         getPlaylistDetail: undefined,
         getPlaylistList: undefined,
         getScanStatus: ssController.getScanStatus,
+        getServerInfo: ssController.getServerInfo,
         getSongDetail: undefined,
         getSongList: undefined,
+        getStructuredLyrics: ssController.getStructuredLyrics,
         getTopSongs: ssController.getTopSongList,
         getUserList: undefined,
         rescan: ssController.rescan,
@@ -223,7 +236,12 @@ const apiController = (endpoint: keyof ControllerEndpoint, type?: ServerType) =>
     const serverType = type || useAuthStore.getState().currentServer?.type;
 
     if (!serverType) {
-        toast.error({ message: 'No server selected', title: 'Unable to route request' });
+        toast.error({
+            message: i18n.t('error.serverNotSelectedError', {
+                postProcess: 'sentenceCase',
+            }) as string,
+            title: i18n.t('error.apiRouteError', { postProcess: 'sentenceCase' }) as string,
+        });
         throw new Error(`No server selected`);
     }
 
@@ -232,10 +250,16 @@ const apiController = (endpoint: keyof ControllerEndpoint, type?: ServerType) =>
     if (typeof controllerFn !== 'function') {
         toast.error({
             message: `Endpoint ${endpoint} is not implemented for ${serverType}`,
-            title: 'Unable to route request',
+            title: i18n.t('error.apiRouteError', { postProcess: 'sentenceCase' }) as string,
         });
 
-        throw new Error(`Endpoint ${endpoint} is not implemented for ${serverType}`);
+        throw new Error(
+            i18n.t('error.endpointNotImplementedError', {
+                endpoint,
+                postProcess: 'sentenceCase',
+                serverType,
+            }) as string,
+        );
     }
 
     return endpoints[serverType][endpoint];
@@ -495,6 +519,24 @@ const getScanStatus = async (args: RescanArgs) => {
     )?.(args);
 };
 
+const getServerInfo = async (args: ServerInfoArgs) => {
+    return (
+        apiController(
+            'getServerInfo',
+            args.apiClientProps.server?.type,
+        ) as ControllerEndpoint['getServerInfo']
+    )?.(args);
+};
+
+const getStructuredLyrics = async (args: StructuredLyricsArgs) => {
+    return (
+        apiController(
+            'getStructuredLyrics',
+            args.apiClientProps.server?.type,
+        ) as ControllerEndpoint['getStructuredLyrics']
+    )?.(args);
+};
+
 export const controller = {
     addToPlaylist,
     authenticate,
@@ -515,8 +557,10 @@ export const controller = {
     getPlaylistSongList,
     getRandomSongList,
     getScanStatus,
+    getServerInfo,
     getSongDetail,
     getSongList,
+    getStructuredLyrics,
     getTopSongList,
     getUserList,
     removeFromPlaylist,
diff --git a/src/renderer/api/jellyfin.types.ts b/src/renderer/api/jellyfin.types.ts
index 511e7466b..0066186be 100644
--- a/src/renderer/api/jellyfin.types.ts
+++ b/src/renderer/api/jellyfin.types.ts
@@ -547,6 +547,7 @@ export enum JFAlbumListSort {
     COMMUNITY_RATING = 'CommunityRating,SortName',
     CRITIC_RATING = 'CriticRating,SortName',
     NAME = 'SortName',
+    PLAY_COUNT = 'PlayCount',
     RANDOM = 'Random,SortName',
     RECENTLY_ADDED = 'DateCreated,SortName',
     RELEASE_DATE = 'ProductionYear,PremiereDate,SortName',
diff --git a/src/renderer/api/jellyfin/jellyfin-api.ts b/src/renderer/api/jellyfin/jellyfin-api.ts
index 27929b7cd..9ccc5419f 100644
--- a/src/renderer/api/jellyfin/jellyfin-api.ts
+++ b/src/renderer/api/jellyfin/jellyfin-api.ts
@@ -7,6 +7,7 @@ import { ServerListItem } from '/@/renderer/types';
 import omitBy from 'lodash/omitBy';
 import { z } from 'zod';
 import { authenticationFailure } from '/@/renderer/api/utils';
+import i18n from '/@/i18n/i18n';
 
 const c = initContract();
 
@@ -149,6 +150,14 @@ export const contract = c.router({
             400: jfType._response.error,
         },
     },
+    getServerInfo: {
+        method: 'GET',
+        path: 'system/info',
+        responses: {
+            200: jfType._response.serverInfo,
+            400: jfType._response.error,
+        },
+    },
     getSimilarArtistList: {
         method: 'GET',
         path: 'artists/:id/similar',
@@ -346,6 +355,14 @@ export const jfApiClient = (args: {
                 };
             } catch (e: Error | AxiosError | any) {
                 if (isAxiosError(e)) {
+                    if (e.code === 'ERR_NETWORK') {
+                        throw new Error(
+                            i18n.t('error.networkError', {
+                                postProcess: 'sentenceCase',
+                            }) as string,
+                        );
+                    }
+
                     const error = e as AxiosError;
                     const response = error.response as AxiosResponse;
                     return {
diff --git a/src/renderer/api/jellyfin/jellyfin-controller.ts b/src/renderer/api/jellyfin/jellyfin-controller.ts
index c2e2146d6..cc13aea8c 100644
--- a/src/renderer/api/jellyfin/jellyfin-controller.ts
+++ b/src/renderer/api/jellyfin/jellyfin-controller.ts
@@ -51,6 +51,8 @@ import {
     ScanStatus,
     SongDetailArgs,
     SongDetailResponse,
+    ServerInfo,
+    ServerInfoArgs,
 } from '/@/renderer/api/types';
 import { jfApiClient } from '/@/renderer/api/jellyfin/jellyfin-api';
 import { jfNormalize } from './jellyfin-normalize';
@@ -104,9 +106,9 @@ const authenticate = async (
             Username: body.username,
         },
         headers: {
-            'x-emby-authorization': `MediaBrowser Client="Feishin", Device="${getHostname()}", DeviceId="Feishin-${getHostname()}-${
-                body.username
-            }", Version="${packageJson.version}"`,
+            'x-emby-authorization': `MediaBrowser Client="Feishin", Device="${getHostname()}", DeviceId="Feishin-${getHostname()}-${encodeURIComponent(
+                body.username,
+            )}", Version="${packageJson.version}"`,
         },
     });
 
@@ -376,7 +378,7 @@ const getTopSongList = async (args: TopSongListArgs): Promise<SongListResponse>
             IncludeItemTypes: 'Audio',
             Limit: query.limit,
             Recursive: true,
-            SortBy: 'CommunityRating,SortName',
+            SortBy: 'PlayCount,SortName',
             SortOrder: 'Descending',
             UserId: apiClientProps.server?.userId,
         },
@@ -540,7 +542,7 @@ const getPlaylistSongList = async (args: PlaylistSongListArgs): Promise<SongList
             Limit: query.limit,
             SortBy: query.sortBy ? songListSortMap.jellyfin[query.sortBy] : undefined,
             SortOrder: query.sortOrder ? sortOrderMap.jellyfin[query.sortOrder] : undefined,
-            StartIndex: 0,
+            StartIndex: query.startIndex,
             UserId: apiClientProps.server?.userId,
         },
     });
@@ -563,20 +565,6 @@ const getPlaylistList = async (args: PlaylistListArgs): Promise<PlaylistListResp
         throw new Error('No userId found');
     }
 
-    const musicFoldersRes = await jfApiClient(apiClientProps).getMusicFolderList({
-        params: {
-            userId: apiClientProps.server?.userId,
-        },
-    });
-
-    if (musicFoldersRes.status !== 200) {
-        throw new Error('Failed playlist folder');
-    }
-
-    const playlistFolder = musicFoldersRes.body.Items.filter(
-        (folder) => folder.CollectionType === jfType._enum.collection.PLAYLISTS,
-    )?.[0];
-
     const res = await jfApiClient(apiClientProps).getPlaylistList({
         params: {
             userId: apiClientProps.server?.userId,
@@ -585,7 +573,8 @@ const getPlaylistList = async (args: PlaylistListArgs): Promise<PlaylistListResp
             Fields: 'ChildCount, Genres, DateCreated, ParentId, Overview',
             IncludeItemTypes: 'Playlist',
             Limit: query.limit,
-            ParentId: playlistFolder?.Id,
+            MediaTypes: 'Audio',
+            Recursive: true,
             SearchTerm: query.searchTerm,
             SortBy: playlistListSortMap.jellyfin[query.sortBy],
             SortOrder: sortOrderMap.jellyfin[query.sortOrder],
@@ -979,6 +968,18 @@ const getSongDetail = async (args: SongDetailArgs): Promise<SongDetailResponse>
     return jfNormalize.song(res.body, apiClientProps.server, '');
 };
 
+const getServerInfo = async (args: ServerInfoArgs): Promise<ServerInfo> => {
+    const { apiClientProps } = args;
+
+    const res = await jfApiClient(apiClientProps).getServerInfo();
+
+    if (res.status !== 200) {
+        throw new Error('Failed to get server info');
+    }
+
+    return { id: apiClientProps.server?.id, version: res.body.Version };
+};
+
 export const jfController = {
     addToPlaylist,
     authenticate,
@@ -998,6 +999,7 @@ export const jfController = {
     getPlaylistList,
     getPlaylistSongList,
     getRandomSongList,
+    getServerInfo,
     getSongDetail,
     getSongList,
     getTopSongList,
diff --git a/src/renderer/api/jellyfin/jellyfin-normalize.ts b/src/renderer/api/jellyfin/jellyfin-normalize.ts
index 4d8441746..a351d6c98 100644
--- a/src/renderer/api/jellyfin/jellyfin-normalize.ts
+++ b/src/renderer/api/jellyfin/jellyfin-normalize.ts
@@ -202,6 +202,7 @@ const normalizeAlbum = (
     imageSize?: number,
 ): Album => {
     return {
+        albumArtist: item.AlbumArtist,
         albumArtists:
             item.AlbumArtists.map((entry) => ({
                 id: entry.Id,
@@ -214,6 +215,7 @@ const normalizeAlbum = (
             name: entry.Name,
         })),
         backdropImageUrl: null,
+        comment: null,
         createdAt: item.DateCreated,
         duration: item.RunTimeTicks / 10000,
         genres: item.GenreItems?.map((entry) => ({
@@ -232,6 +234,7 @@ const normalizeAlbum = (
         isCompilation: null,
         itemType: LibraryItem.ALBUM,
         lastPlayedAt: null,
+        mbzId: item.ProviderIds?.MusicBrainzAlbum || null,
         name: item.Name,
         playCount: item.UserData?.PlayCount || 0,
         releaseDate: item.PremiereDate?.split('T')[0] || null,
@@ -287,6 +290,7 @@ const normalizeAlbumArtist = (
         }),
         itemType: LibraryItem.ALBUM_ARTIST,
         lastPlayedAt: null,
+        mbz: item.ProviderIds?.MusicBrainzArtist || null,
         name: item.Name,
         playCount: item.UserData?.PlayCount || 0,
         serverId: server?.id || '',
diff --git a/src/renderer/api/jellyfin/jellyfin-types.ts b/src/renderer/api/jellyfin/jellyfin-types.ts
index 2e039dff2..3ce22e371 100644
--- a/src/renderer/api/jellyfin/jellyfin-types.ts
+++ b/src/renderer/api/jellyfin/jellyfin-types.ts
@@ -422,6 +422,11 @@ const song = z.object({
     UserData: userData.optional(),
 });
 
+const providerIds = z.object({
+    MusicBrainzAlbum: z.string().optional(),
+    MusicBrainzArtist: z.string().optional(),
+});
+
 const albumArtist = z.object({
     BackdropImageTags: z.array(z.string()),
     ChannelId: z.null(),
@@ -435,6 +440,7 @@ const albumArtist = z.object({
     LocationType: z.string(),
     Name: z.string(),
     Overview: z.string(),
+    ProviderIds: providerIds.optional(),
     RunTimeTicks: z.number(),
     ServerId: z.string(),
     Type: z.string(),
@@ -466,6 +472,7 @@ const album = z.object({
     ParentLogoItemId: z.string(),
     PremiereDate: z.string().optional(),
     ProductionYear: z.number(),
+    ProviderIds: providerIds.optional(),
     RunTimeTicks: z.number(),
     ServerId: z.string(),
     Songs: z.array(song).optional(), // This is not a native Jellyfin property -- this is used for combined album detail
@@ -478,6 +485,7 @@ const albumListSort = {
     COMMUNITY_RATING: 'CommunityRating,SortName',
     CRITIC_RATING: 'CriticRating,SortName',
     NAME: 'SortName',
+    PLAY_COUNT: 'PlayCount',
     RANDOM: 'Random,SortName',
     RECENTLY_ADDED: 'DateCreated,SortName',
     RELEASE_DATE: 'ProductionYear,PremiereDate,SortName',
@@ -653,6 +661,10 @@ const lyrics = z.object({
     Lyrics: z.array(lyricText),
 });
 
+const serverInfo = z.object({
+    Version: z.string(),
+});
+
 export const jfType = {
     _enum: {
         albumArtistList: albumArtistListSort,
@@ -706,6 +718,7 @@ export const jfType = {
         removeFromPlaylist,
         scrobble,
         search,
+        serverInfo,
         song,
         songList,
         topSongsList,
diff --git a/src/renderer/api/navidrome/navidrome-api.ts b/src/renderer/api/navidrome/navidrome-api.ts
index 32852e93c..04cef24a9 100644
--- a/src/renderer/api/navidrome/navidrome-api.ts
+++ b/src/renderer/api/navidrome/navidrome-api.ts
@@ -9,6 +9,7 @@ import { authenticationFailure, resultWithHeaders } from '/@/renderer/api/utils'
 import { useAuthStore } from '/@/renderer/store';
 import { ServerListItem } from '/@/renderer/types';
 import { toast } from '/@/renderer/components';
+import i18n from '/@/i18n/i18n';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
@@ -276,9 +277,12 @@ axiosClient.interceptors.response.use(
 
                         if (res.status === 429) {
                             toast.error({
-                                message:
-                                    'you have exceeded the number of allowed login requests. Please wait before logging, or consider tweaking AuthRequestLimit',
-                                title: 'Your session has expired.',
+                                message: i18n.t('error.loginRateError', {
+                                    postProcess: 'sentenceCase',
+                                }) as string,
+                                title: i18n.t('error.sessionExpiredError', {
+                                    postProcess: 'sentenceCase',
+                                }) as string,
                             });
 
                             const serverId = currentServer.id;
@@ -292,7 +296,11 @@ axiosClient.interceptors.response.use(
                             throw TIMEOUT_ERROR;
                         }
                         if (res.status !== 200) {
-                            throw new Error('Failed to authenticate');
+                            throw new Error(
+                                i18n.t('error.authenticatedFailed', {
+                                    postProcess: 'sentenceCase',
+                                }) as string,
+                            );
                         }
 
                         const newCredential = res.data.token;
@@ -372,12 +380,20 @@ export const ndApiClient = (args: {
                 };
             } catch (e: Error | AxiosError | any) {
                 if (isAxiosError(e)) {
+                    if (e.code === 'ERR_NETWORK') {
+                        throw new Error(
+                            i18n.t('error.networkError', {
+                                postProcess: 'sentenceCase',
+                            }) as string,
+                        );
+                    }
+
                     const error = e as AxiosError;
                     const response = error.response as AxiosResponse;
                     return {
-                        body: { data: response.data, headers: response.headers },
-                        headers: response.headers as any,
-                        status: response.status,
+                        body: { data: response?.data, headers: response?.headers },
+                        headers: response?.headers as any,
+                        status: response?.status,
                     };
                 }
                 throw e;
diff --git a/src/renderer/api/navidrome/navidrome-normalize.ts b/src/renderer/api/navidrome/navidrome-normalize.ts
index 90aa9bc83..8f07093e5 100644
--- a/src/renderer/api/navidrome/navidrome-normalize.ts
+++ b/src/renderer/api/navidrome/navidrome-normalize.ts
@@ -20,10 +20,6 @@ const getImageUrl = (args: { url: string | null }) => {
         return null;
     }
 
-    if (url?.match('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9')) {
-        return null;
-    }
-
     return url;
 };
 
@@ -49,6 +45,14 @@ const getCoverArtUrl = (args: {
     );
 };
 
+interface WithDate {
+    playDate?: string;
+}
+
+const normalizePlayDate = (item: WithDate): string | null => {
+    return !item.playDate || item.playDate.includes('0001-') ? null : item.playDate;
+};
+
 const normalizeSong = (
     item: z.infer<typeof ndType._response.song> | z.infer<typeof ndType._response.playlistSong>,
     server: ServerListItem | null,
@@ -104,7 +108,7 @@ const normalizeSong = (
         imagePlaceholderUrl,
         imageUrl,
         itemType: LibraryItem.SONG,
-        lastPlayedAt: item.playDate.includes('0001-') ? null : item.playDate,
+        lastPlayedAt: normalizePlayDate(item),
         lyrics: item.lyrics ? item.lyrics : null,
         name: item.title,
         path: item.path,
@@ -147,9 +151,11 @@ const normalizeAlbum = (
     const imageBackdropUrl = imageUrl?.replace(/size=\d+/, 'size=1000') || null;
 
     return {
+        albumArtist: item.albumArtist,
         albumArtists: [{ id: item.albumArtistId, imageUrl: null, name: item.albumArtist }],
         artists: [{ id: item.artistId, imageUrl: null, name: item.artist }],
         backdropImageUrl: imageBackdropUrl,
+        comment: item.comment || null,
         createdAt: item.createdAt.split('T')[0],
         duration: item.duration * 1000 || null,
         genres: item.genres?.map((genre) => ({
@@ -163,7 +169,8 @@ const normalizeAlbum = (
         imageUrl,
         isCompilation: item.compilation,
         itemType: LibraryItem.ALBUM,
-        lastPlayedAt: item.playDate.includes('0001-') ? null : item.playDate,
+        lastPlayedAt: normalizePlayDate(item),
+        mbzId: item.mbzAlbumId || null,
         name: item.name,
         playCount: item.playCount,
         releaseDate: new Date(item.minYear, 0, 1).toISOString(),
@@ -186,7 +193,16 @@ const normalizeAlbumArtist = (
     },
     server: ServerListItem | null,
 ): AlbumArtist => {
-    const imageUrl = getImageUrl({ url: item?.largeImageUrl || null });
+    let imageUrl = getImageUrl({ url: item?.largeImageUrl || null });
+
+    if (!imageUrl) {
+        imageUrl = getCoverArtUrl({
+            baseUrl: server?.url,
+            coverArtId: `ar-${item.id}`,
+            credential: server?.credential,
+            size: 300,
+        });
+    }
 
     return {
         albumCount: item.albumCount,
@@ -202,7 +218,8 @@ const normalizeAlbumArtist = (
         id: item.id,
         imageUrl: imageUrl || null,
         itemType: LibraryItem.ALBUM_ARTIST,
-        lastPlayedAt: item.playDate.includes('0001-') ? null : item.playDate,
+        lastPlayedAt: normalizePlayDate(item),
+        mbz: item.mbzArtistId || null,
         name: item.name,
         playCount: item.playCount,
         serverId: server?.id || 'unknown',
diff --git a/src/renderer/api/navidrome/navidrome-types.ts b/src/renderer/api/navidrome/navidrome-types.ts
index ae3322d7b..b63b5442b 100644
--- a/src/renderer/api/navidrome/navidrome-types.ts
+++ b/src/renderer/api/navidrome/navidrome-types.ts
@@ -78,7 +78,7 @@ const albumArtist = z.object({
     name: z.string(),
     orderArtistName: z.string(),
     playCount: z.number(),
-    playDate: z.string(),
+    playDate: z.string().optional(),
     rating: z.number(),
     size: z.number(),
     smallImageUrl: z.string().optional(),
@@ -111,6 +111,7 @@ const album = z.object({
     allArtistIds: z.string(),
     artist: z.string(),
     artistId: z.string(),
+    comment: z.string().optional(),
     compilation: z.boolean(),
     coverArtId: z.string().optional(), // Removed after v0.48.0
     coverArtPath: z.string().optional(), // Removed after v0.48.0
@@ -128,7 +129,7 @@ const album = z.object({
     orderAlbumArtistName: z.string(),
     orderAlbumName: z.string(),
     playCount: z.number(),
-    playDate: z.string(),
+    playDate: z.string().optional(),
     rating: z.number().optional(),
     size: z.number(),
     songCount: z.number(),
@@ -211,7 +212,7 @@ const song = z.object({
     orderTitle: z.string(),
     path: z.string(),
     playCount: z.number(),
-    playDate: z.string(),
+    playDate: z.string().optional(),
     rating: z.number().optional(),
     rgAlbumGain: z.number().optional(),
     rgAlbumPeak: z.number().optional(),
diff --git a/src/renderer/api/subsonic/subsonic-api.ts b/src/renderer/api/subsonic/subsonic-api.ts
index d99738340..81032fa53 100644
--- a/src/renderer/api/subsonic/subsonic-api.ts
+++ b/src/renderer/api/subsonic/subsonic-api.ts
@@ -6,6 +6,7 @@ import { z } from 'zod';
 import { ssType } from '/@/renderer/api/subsonic/subsonic-types';
 import { ServerListItem } from '/@/renderer/api/types';
 import { toast } from '/@/renderer/components/toast/index';
+import i18n from '/@/i18n/i18n';
 
 const c = initContract();
 
@@ -56,6 +57,21 @@ export const contract = c.router({
             200: ssType._response.scanStatus,
         },
     },
+    getServerInfo: {
+        method: 'GET',
+        path: 'getOpenSubsonicExtensions.view',
+        responses: {
+            200: ssType._response.serverInfo,
+        },
+    },
+    getStructuredLyrics: {
+        method: 'GET',
+        path: 'getLyricsBySongId.view',
+        query: ssType._parameters.structuredLyrics,
+        responses: {
+            200: ssType._response.structuredLyrics,
+        },
+    },
     getTopSongsList: {
         method: 'GET',
         path: 'getTopSongs.view',
@@ -64,6 +80,13 @@ export const contract = c.router({
             200: ssType._response.topSongsList,
         },
     },
+    ping: {
+        method: 'GET',
+        path: 'ping.view',
+        responses: {
+            200: ssType._response.ping,
+        },
+    },
     removeFavorite: {
         method: 'GET',
         path: 'unstar.view',
@@ -121,7 +144,7 @@ axiosClient.interceptors.response.use(
             if (data['subsonic-response'].error.code !== 0) {
                 toast.error({
                     message: data['subsonic-response'].error.message,
-                    title: 'Issue from Subsonic API',
+                    title: i18n.t('error.genericError', { postProcess: 'sentenceCase' }) as string,
                 });
             }
         }
@@ -199,9 +222,15 @@ export const ssApiClient = (args: {
                     status: result.status,
                 };
             } catch (e: Error | AxiosError | any) {
-                console.log('CATCH ERR');
-
                 if (isAxiosError(e)) {
+                    if (e.code === 'ERR_NETWORK') {
+                        throw new Error(
+                            i18n.t('error.networkError', {
+                                postProcess: 'sentenceCase',
+                            }) as string,
+                        );
+                    }
+
                     const error = e as AxiosError;
                     const response = error.response as AxiosResponse;
 
diff --git a/src/renderer/api/subsonic/subsonic-controller.ts b/src/renderer/api/subsonic/subsonic-controller.ts
index f4833f6c6..0edbddc0c 100644
--- a/src/renderer/api/subsonic/subsonic-controller.ts
+++ b/src/renderer/api/subsonic/subsonic-controller.ts
@@ -24,6 +24,10 @@ import {
     RescanArgs,
     ScanStatus,
     ScanStatusArgs,
+    ServerInfo,
+    ServerInfoArgs,
+    StructuredLyricsArgs,
+    StructuredLyric,
 } from '/@/renderer/api/types';
 import { randomString } from '/@/renderer/utils';
 
@@ -421,6 +425,78 @@ const getScanStatus = async (args: ScanStatusArgs): Promise<ScanStatus> => {
     };
 };
 
+const getServerInfo = async (args: ServerInfoArgs): Promise<ServerInfo> => {
+    const { apiClientProps } = args;
+
+    const ping = await ssApiClient(apiClientProps).ping();
+
+    if (ping.status !== 200) {
+        throw new Error('Failed to ping server');
+    }
+
+    if (!ping.body.openSubsonic || !ping.body.serverVersion) {
+        return { version: ping.body.version };
+    }
+
+    const res = await ssApiClient(apiClientProps).getServerInfo();
+
+    if (res.status !== 200) {
+        throw new Error('Failed to get server extensions');
+    }
+
+    const features: Record<string, number[]> = {};
+    for (const extension of res.body.openSubsonicExtensions) {
+        features[extension.name] = extension.versions;
+    }
+
+    return { features, id: apiClientProps.server?.id, version: ping.body.serverVersion };
+};
+
+export const getStructuredLyrics = async (
+    args: StructuredLyricsArgs,
+): Promise<StructuredLyric[]> => {
+    const { query, apiClientProps } = args;
+
+    const res = await ssApiClient(apiClientProps).getStructuredLyrics({
+        query: {
+            id: query.songId,
+        },
+    });
+
+    if (res.status !== 200) {
+        throw new Error('Failed to get structured lyrics');
+    }
+
+    const lyrics = res.body.lyricsList?.structuredLyrics;
+
+    if (!lyrics) {
+        return [];
+    }
+
+    return lyrics.map((lyric) => {
+        const baseLyric = {
+            artist: lyric.displayArtist || '',
+            lang: lyric.lang,
+            name: lyric.displayTitle || '',
+            remote: false,
+            source: apiClientProps.server?.name || 'music server',
+        };
+
+        if (lyric.synced) {
+            return {
+                ...baseLyric,
+                lyrics: lyric.line.map((line) => [line.start!, line.value]),
+                synced: true,
+            };
+        }
+        return {
+            ...baseLyric,
+            lyrics: lyric.line.map((line) => [line.value]).join('\n'),
+            synced: false,
+        };
+    });
+};
+
 export const ssController = {
     authenticate,
     createFavorite,
@@ -428,6 +504,8 @@ export const ssController = {
     getMusicFolderList,
     getRandomSongList,
     getScanStatus,
+    getServerInfo,
+    getStructuredLyrics,
     getTopSongList,
     removeFavorite,
     rescan,
diff --git a/src/renderer/api/subsonic/subsonic-normalize.ts b/src/renderer/api/subsonic/subsonic-normalize.ts
index 881e7fef2..58c300262 100644
--- a/src/renderer/api/subsonic/subsonic-normalize.ts
+++ b/src/renderer/api/subsonic/subsonic-normalize.ts
@@ -126,6 +126,7 @@ const normalizeAlbumArtist = (
         imageUrl,
         itemType: LibraryItem.ALBUM_ARTIST,
         lastPlayedAt: null,
+        mbz: null,
         name: item.name,
         playCount: null,
         serverId: server?.id || 'unknown',
@@ -150,11 +151,13 @@ const normalizeAlbum = (
         }) || null;
 
     return {
+        albumArtist: item.artist,
         albumArtists: item.artistId
             ? [{ id: item.artistId, imageUrl: null, name: item.artist }]
             : [],
         artists: item.artistId ? [{ id: item.artistId, imageUrl: null, name: item.artist }] : [],
         backdropImageUrl: null,
+        comment: null,
         createdAt: item.created,
         duration: item.duration,
         genres: item.genre
@@ -173,6 +176,7 @@ const normalizeAlbum = (
         isCompilation: null,
         itemType: LibraryItem.ALBUM,
         lastPlayedAt: null,
+        mbzId: null,
         name: item.name,
         playCount: null,
         releaseDate: item.year ? new Date(item.year, 0, 1).toISOString() : null,
diff --git a/src/renderer/api/subsonic/subsonic-types.ts b/src/renderer/api/subsonic/subsonic-types.ts
index 62c6fd40e..442fc7211 100644
--- a/src/renderer/api/subsonic/subsonic-types.ts
+++ b/src/renderer/api/subsonic/subsonic-types.ts
@@ -219,6 +219,45 @@ const scanStatus = z.object({
     }),
 });
 
+const ping = z.object({
+    openSubsonic: z.boolean().optional(),
+    serverVersion: z.string().optional(),
+    version: z.string(),
+});
+
+const extension = z.object({
+    name: z.string(),
+    versions: z.number().array(),
+});
+
+const serverInfo = z.object({
+    openSubsonicExtensions: z.array(extension),
+});
+
+const structuredLyricsParameters = z.object({
+    id: z.string(),
+});
+
+const lyricLine = z.object({
+    start: z.number().optional(),
+    value: z.string(),
+});
+
+const structuredLyric = z.object({
+    displayArtist: z.string().optional(),
+    displayTitle: z.string().optional(),
+    lang: z.string(),
+    line: z.array(lyricLine),
+    offset: z.number().optional(),
+    synced: z.boolean(),
+});
+
+const structuredLyrics = z.object({
+    lyricsList: z.object({
+        structuredLyrics: z.array(structuredLyric).optional(),
+    }),
+});
+
 export const ssType = {
     _parameters: {
         albumList: albumListParameters,
@@ -231,6 +270,7 @@ export const ssType = {
         scrobble: scrobbleParameters,
         search3: search3Parameters,
         setRating: setRatingParameters,
+        structuredLyrics: structuredLyricsParameters,
         topSongsList: topSongsListParameters,
     },
     _response: {
@@ -243,13 +283,16 @@ export const ssType = {
         baseResponse,
         createFavorite,
         musicFolderList,
+        ping,
         randomSongList,
         removeFavorite,
         scanStatus,
         scrobble,
         search3,
+        serverInfo,
         setRating,
         song,
+        structuredLyrics,
         topSongsList,
     },
 };
diff --git a/src/renderer/api/types.ts b/src/renderer/api/types.ts
index 0072c1cd9..3f4a49e1c 100644
--- a/src/renderer/api/types.ts
+++ b/src/renderer/api/types.ts
@@ -144,9 +144,11 @@ export type Genre = {
 };
 
 export type Album = {
+    albumArtist: string;
     albumArtists: RelatedArtist[];
     artists: RelatedArtist[];
     backdropImageUrl: string | null;
+    comment: string | null;
     createdAt: string;
     duration: number | null;
     genres: Genre[];
@@ -156,6 +158,7 @@ export type Album = {
     isCompilation: boolean | null;
     itemType: LibraryItem.ALBUM;
     lastPlayedAt: string | null;
+    mbzId: string | null;
     name: string;
     playCount: number | null;
     releaseDate: string | null;
@@ -228,6 +231,7 @@ export type AlbumArtist = {
     imageUrl: string | null;
     itemType: LibraryItem.ALBUM_ARTIST;
     lastPlayedAt: string | null;
+    mbz: string | null;
     name: string;
     playCount: number | null;
     serverId: string;
@@ -395,7 +399,7 @@ export const albumListSortMap: AlbumListSortMap = {
         duration: undefined,
         favorited: undefined,
         name: JFAlbumListSort.NAME,
-        playCount: undefined,
+        playCount: JFAlbumListSort.PLAY_COUNT,
         random: JFAlbumListSort.RANDOM,
         rating: undefined,
         recentlyAdded: JFAlbumListSort.RECENTLY_ADDED,
@@ -417,7 +421,8 @@ export const albumListSortMap: AlbumListSortMap = {
         rating: NDAlbumListSort.RATING,
         recentlyAdded: NDAlbumListSort.RECENTLY_ADDED,
         recentlyPlayed: NDAlbumListSort.PLAY_DATE,
-        releaseDate: undefined,
+        // Recent versions of Navidrome support release date, but fallback to year for now
+        releaseDate: NDAlbumListSort.YEAR,
         songCount: NDAlbumListSort.SONG_COUNT,
         year: NDAlbumListSort.YEAR,
     },
@@ -1092,17 +1097,11 @@ export type InternetProviderLyricSearchResponse = {
     source: LyricSource;
 };
 
-export type SynchronizedLyricMetadata = {
-    lyrics: SynchronizedLyricsArray;
+export type FullLyricsMetadata = {
+    lyrics: LyricsResponse;
     remote: boolean;
-} & Omit<InternetProviderLyricResponse, 'lyrics'>;
-
-export type UnsynchronizedLyricMetadata = {
-    lyrics: string;
-    remote: boolean;
-} & Omit<InternetProviderLyricResponse, 'lyrics'>;
-
-export type FullLyricsMetadata = SynchronizedLyricMetadata | UnsynchronizedLyricMetadata;
+    source: string;
+} & Omit<InternetProviderLyricResponse, 'id' | 'lyrics' | 'source'>;
 
 export type LyricOverride = Omit<InternetProviderLyricResponse, 'lyrics'>;
 
@@ -1142,3 +1141,43 @@ export type ScanStatus = {
 };
 
 export type ScanStatusArgs = BaseEndpointArgs;
+// This type from https://wicg.github.io/local-font-access/#fontdata
+// NOTE: it is still experimental, so this should be updates as appropriate
+export type FontData = {
+    family: string;
+    fullName: string;
+    postscriptName: string;
+    style: string;
+};
+
+export type ServerInfoArgs = BaseEndpointArgs;
+
+export enum SubsonicExtensions {
+    FORM_POST = 'formPost',
+    SONG_LYRICS = 'songLyrics',
+    TRANSCODE_OFFSET = 'transcodeOffset',
+}
+
+export type ServerInfo = {
+    features?: Record<string, number[]>;
+    id?: string;
+    version: string;
+};
+
+export type StructuredLyricsArgs = {
+    query: LyricsQuery;
+} & BaseEndpointArgs;
+
+export type StructuredUnsyncedLyric = {
+    lyrics: string;
+    synced: false;
+} & Omit<FullLyricsMetadata, 'lyrics'>;
+
+export type StructuredSyncedLyric = {
+    lyrics: SynchronizedLyricsArray;
+    synced: true;
+} & Omit<FullLyricsMetadata, 'lyrics'>;
+
+export type StructuredLyric = {
+    lang: string;
+} & (StructuredUnsyncedLyric | StructuredSyncedLyric);
diff --git a/src/renderer/app.tsx b/src/renderer/app.tsx
index 6d72976ab..abdbd7906 100644
--- a/src/renderer/app.tsx
+++ b/src/renderer/app.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry } from '@ag-grid-community/core';
 import { InfiniteRowModelModule } from '@ag-grid-community/infinite-row-model';
@@ -23,31 +23,74 @@ import { PlayQueueHandlerContext } from '/@/renderer/features/player';
 import { AddToPlaylistContextModal } from '/@/renderer/features/playlists';
 import { getMpvProperties } from '/@/renderer/features/settings/components/playback/mpv-settings';
 import { PlayerState, usePlayerStore, useQueueControls } from '/@/renderer/store';
-import { PlaybackType, PlayerStatus } from '/@/renderer/types';
+import { FontType, PlaybackType, PlayerStatus } from '/@/renderer/types';
 import '@ag-grid-community/styles/ag-grid.css';
+import { useDiscordRpc } from '/@/renderer/features/discord-rpc/use-discord-rpc';
+import i18n from '/@/i18n/i18n';
+import { useServerVersion } from '/@/renderer/hooks/use-server-version';
 
 ModuleRegistry.registerModules([ClientSideRowModelModule, InfiniteRowModelModule]);
 
 initSimpleImg({ threshold: 0.05 }, true);
 
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
-const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : null;
 const ipc = isElectron() ? window.electron.ipc : null;
 const remote = isElectron() ? window.electron.remote : null;
+const utils = isElectron() ? window.electron.utils : null;
 
 export const App = () => {
     const theme = useTheme();
-    const contentFont = useSettingsStore((state) => state.general.fontContent);
+    const accent = useSettingsStore((store) => store.general.accent);
+    const language = useSettingsStore((store) => store.general.language);
+    const { builtIn, custom, system, type } = useSettingsStore((state) => state.font);
     const { type: playbackType } = usePlaybackSettings();
     const { bindings } = useHotkeySettings();
     const handlePlayQueueAdd = useHandlePlayQueueAdd();
     const { clearQueue, restoreQueue } = useQueueControls();
     const remoteSettings = useRemoteSettings();
+    const textStyleRef = useRef<HTMLStyleElement>();
+    useDiscordRpc();
+    useServerVersion();
+
+    useEffect(() => {
+        if (type === FontType.SYSTEM && system) {
+            const root = document.documentElement;
+            root.style.setProperty('--content-font-family', 'dynamic-font');
+
+            if (!textStyleRef.current) {
+                textStyleRef.current = document.createElement('style');
+                document.body.appendChild(textStyleRef.current);
+            }
+
+            textStyleRef.current.textContent = `
+            @font-face {
+                font-family: "dynamic-font";
+                src: local("${system}");
+            }`;
+        } else if (type === FontType.CUSTOM && custom) {
+            const root = document.documentElement;
+            root.style.setProperty('--content-font-family', 'dynamic-font');
+
+            if (!textStyleRef.current) {
+                textStyleRef.current = document.createElement('style');
+                document.body.appendChild(textStyleRef.current);
+            }
+
+            textStyleRef.current.textContent = `
+            @font-face {
+                font-family: "dynamic-font";
+                src: url("feishin://${custom}");
+            }`;
+        } else {
+            const root = document.documentElement;
+            root.style.setProperty('--content-font-family', builtIn);
+        }
+    }, [builtIn, custom, system, type]);
 
     useEffect(() => {
         const root = document.documentElement;
-        root.style.setProperty('--content-font-family', contentFont);
-    }, [contentFont]);
+        root.style.setProperty('--primary-color', accent);
+    }, [accent]);
 
     const providerValue = useMemo(() => {
         return { handlePlayQueueAdd };
@@ -56,27 +99,31 @@ export const App = () => {
     // Start the mpv instance on startup
     useEffect(() => {
         const initializeMpv = async () => {
-            const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
+            if (playbackType === PlaybackType.LOCAL) {
+                const isRunning: boolean | undefined = await mpvPlayer?.isRunning();
 
-            mpvPlayer?.stop();
+                mpvPlayer?.stop();
 
-            if (!isRunning) {
-                const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
-                const properties = {
-                    ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
-                };
+                if (!isRunning) {
+                    const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
+                    const properties: Record<string, any> = {
+                        speed: usePlayerStore.getState().current.speed,
+                        ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
+                    };
 
-                mpvPlayer?.initialize({
-                    extraParameters,
-                    properties,
-                });
+                    await mpvPlayer?.initialize({
+                        extraParameters,
+                        properties,
+                    });
 
-                mpvPlayer?.volume(properties.volume);
+                    mpvPlayer?.volume(properties.volume);
+                }
             }
-            mpvPlayer?.restoreQueue();
+
+            utils?.restoreQueue();
         };
 
-        if (isElectron() && playbackType === PlaybackType.LOCAL) {
+        if (isElectron()) {
             initializeMpv();
         }
 
@@ -94,8 +141,8 @@ export const App = () => {
     }, [bindings]);
 
     useEffect(() => {
-        if (isElectron()) {
-            mpvPlayerListener!.rendererSaveQueue(() => {
+        if (utils) {
+            utils.onSaveQueue(() => {
                 const { current, queue } = usePlayerStore.getState();
                 const stateToSave: Partial<Pick<PlayerState, 'current' | 'queue'>> = {
                     current: {
@@ -104,10 +151,10 @@ export const App = () => {
                     },
                     queue,
                 };
-                mpvPlayer!.saveQueue(stateToSave);
+                utils.saveQueue(stateToSave);
             });
 
-            mpvPlayerListener!.rendererRestoreQueue((_event: any, data) => {
+            utils.onRestoreQueue((_event: any, data) => {
                 const playerData = restoreQueue(data);
                 if (playbackType === PlaybackType.LOCAL) {
                     mpvPlayer!.setQueue(playerData, true);
@@ -116,8 +163,8 @@ export const App = () => {
         }
 
         return () => {
-            ipc?.removeAllListeners('renderer-player-restore-queue');
-            ipc?.removeAllListeners('renderer-player-save-queue');
+            ipc?.removeAllListeners('renderer-restore-queue');
+            ipc?.removeAllListeners('renderer-save-queue');
         };
     }, [playbackType, restoreQueue]);
 
@@ -138,6 +185,12 @@ export const App = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
+    useEffect(() => {
+        if (language) {
+            i18n.changeLanguage(language);
+        }
+    }, [language]);
+
     return (
         <MantineProvider
             withGlobalStyles
diff --git a/src/renderer/components/audio-player/index.tsx b/src/renderer/components/audio-player/index.tsx
index 541620779..7c4f08a4e 100644
--- a/src/renderer/components/audio-player/index.tsx
+++ b/src/renderer/components/audio-player/index.tsx
@@ -7,9 +7,11 @@ import {
     crossfadeHandler,
     gaplessHandler,
 } from '/@/renderer/components/audio-player/utils/list-handlers';
-import { useSettingsStore } from '/@/renderer/store/settings.store';
+import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import type { CrossfadeStyle } from '/@/renderer/types';
 import { PlaybackStyle, PlayerStatus } from '/@/renderer/types';
+import { useSpeed } from '/@/renderer/store';
+import { toast } from '/@/renderer/components/toast';
 
 interface AudioPlayerProps extends ReactPlayerProps {
     crossfadeDuration: number;
@@ -38,6 +40,14 @@ type WebAudio = {
     gain: GainNode;
 };
 
+// Credits: http://stackoverflow.com/questions/12150729/ddg
+// This is used so that the player will always have an <audio> element. This means that
+// player1Source and player2Source are connected BEFORE the user presses play for
+// the first time. This workaround is important for Safari, which seems to require the
+// source to be connected PRIOR to resuming audio context
+const EMPTY_SOURCE =
+    'data:audio/wav;base64,UklGRjIAAABXQVZFZm10IBIAAAABAAEAQB8AAEAfAAABAAgAAABmYWN0BAAAAAAAAABkYXRhAAAAAA==';
+
 export const AudioPlayer = forwardRef(
     (
         {
@@ -59,6 +69,8 @@ export const AudioPlayer = forwardRef(
         const [isTransitioning, setIsTransitioning] = useState(false);
         const audioDeviceId = useSettingsStore((state) => state.playback.audioDeviceId);
         const playback = useSettingsStore((state) => state.playback.mpvProperties);
+        const { resetSampleRate } = useSettingsStoreActions();
+        const playbackSpeed = useSpeed();
 
         const [webAudio, setWebAudio] = useState<WebAudio | null>(null);
         const [player1Source, setPlayer1Source] = useState<MediaElementAudioSourceNode | null>(
@@ -67,6 +79,7 @@ export const AudioPlayer = forwardRef(
         const [player2Source, setPlayer2Source] = useState<MediaElementAudioSourceNode | null>(
             null,
         );
+
         const calculateReplayGain = useCallback(
             (song: Song): number => {
                 if (playback.replayGainMode === 'no') {
@@ -117,10 +130,21 @@ export const AudioPlayer = forwardRef(
 
         useEffect(() => {
             if ('AudioContext' in window) {
-                const context = new AudioContext({
-                    latencyHint: 'playback',
-                    sampleRate: playback.audioSampleRateHz || undefined,
-                });
+                let context: AudioContext;
+
+                try {
+                    context = new AudioContext({
+                        latencyHint: 'playback',
+                        sampleRate: playback.audioSampleRateHz || undefined,
+                    });
+                } catch (error) {
+                    // In practice, this should never be hit because the UI should validate
+                    // the range. However, the actual supported range is not guaranteed
+                    toast.error({ message: (error as Error).message });
+                    context = new AudioContext({ latencyHint: 'playback' });
+                    resetSampleRate();
+                }
+
                 const gain = context.createGain();
                 gain.connect(context.destination);
 
@@ -152,9 +176,18 @@ export const AudioPlayer = forwardRef(
         useEffect(() => {
             if (status === PlayerStatus.PLAYING) {
                 if (currentPlayer === 1) {
-                    player1Ref.current?.getInternalPlayer()?.play();
+                    // calling play() is not necessarily a safe option (https://developer.chrome.com/blog/play-request-was-interrupted)
+                    // In practice, this failure is only likely to happen when using the 0-second wav:
+                    // play() + play() in rapid succession will cause problems as the frist one ends the track.
+                    player1Ref.current
+                        ?.getInternalPlayer()
+                        ?.play()
+                        .catch(() => {});
                 } else {
-                    player2Ref.current?.getInternalPlayer()?.play();
+                    player2Ref.current
+                        ?.getInternalPlayer()
+                        ?.play()
+                        .catch(() => {});
                 }
             } else {
                 player1Ref.current?.getInternalPlayer()?.pause();
@@ -241,32 +274,29 @@ export const AudioPlayer = forwardRef(
         }, [audioDeviceId]);
 
         useEffect(() => {
-            if (webAudio && player1Source) {
-                if (player1 === undefined) {
-                    player1Source.disconnect();
-                    setPlayer1Source(null);
-                } else if (currentPlayer === 1) {
-                    webAudio.gain.gain.setValueAtTime(calculateReplayGain(player1), 0);
-                }
+            if (webAudio && player1Source && player1 && currentPlayer === 1) {
+                const newVolume = calculateReplayGain(player1) * volume;
+                webAudio.gain.gain.setValueAtTime(newVolume, 0);
             }
-        }, [calculateReplayGain, currentPlayer, player1, player1Source, webAudio]);
+        }, [calculateReplayGain, currentPlayer, player1, player1Source, volume, webAudio]);
 
         useEffect(() => {
-            if (webAudio && player2Source) {
-                if (player2 === undefined) {
-                    player2Source.disconnect();
-                    setPlayer2Source(null);
-                } else if (currentPlayer === 2) {
-                    webAudio.gain.gain.setValueAtTime(calculateReplayGain(player2), 0);
-                }
+            if (webAudio && player2Source && player2 && currentPlayer === 2) {
+                const newVolume = calculateReplayGain(player2) * volume;
+                webAudio.gain.gain.setValueAtTime(newVolume, 0);
             }
-        }, [calculateReplayGain, currentPlayer, player2, player2Source, webAudio]);
+        }, [calculateReplayGain, currentPlayer, player2, player2Source, volume, webAudio]);
 
         const handlePlayer1Start = useCallback(
             async (player: ReactPlayer) => {
-                if (!webAudio || player1Source) return;
-                if (webAudio.context.state !== 'running') {
-                    await webAudio.context.resume();
+                if (!webAudio) return;
+                if (player1Source) {
+                    // This should fire once, only if the source is real (meaning we
+                    // saw the dummy source) and the context is not ready
+                    if (webAudio.context.state !== 'running') {
+                        await webAudio.context.resume();
+                    }
+                    return;
                 }
 
                 const internal = player.getInternalPlayer() as HTMLMediaElement | undefined;
@@ -282,9 +312,12 @@ export const AudioPlayer = forwardRef(
 
         const handlePlayer2Start = useCallback(
             async (player: ReactPlayer) => {
-                if (!webAudio || player2Source) return;
-                if (webAudio.context.state !== 'running') {
-                    await webAudio.context.resume();
+                if (!webAudio) return;
+                if (player2Source) {
+                    if (webAudio.context.state !== 'running') {
+                        await webAudio.context.resume();
+                    }
+                    return;
                 }
 
                 const internal = player.getInternalPlayer() as HTMLMediaElement | undefined;
@@ -298,6 +331,9 @@ export const AudioPlayer = forwardRef(
             [player2Source, webAudio],
         );
 
+        // Bugfix for Safari: rather than use the `<audio>` volume (which doesn't work),
+        // use the GainNode to scale the volume. In this case, for compatibility with
+        // other browsers, set the `<audio>` volume to 1
         return (
             <>
                 <ReactPlayer
@@ -307,12 +343,14 @@ export const AudioPlayer = forwardRef(
                     }}
                     height={0}
                     muted={muted}
+                    playbackRate={playbackSpeed}
                     playing={currentPlayer === 1 && status === PlayerStatus.PLAYING}
                     progressInterval={isTransitioning ? 10 : 250}
-                    url={player1?.streamUrl}
-                    volume={volume}
+                    url={player1?.streamUrl || EMPTY_SOURCE}
+                    volume={webAudio ? 1 : volume}
                     width={0}
-                    onEnded={handleOnEnded}
+                    // If there is no stream url, we do not need to handle when the audio finishes
+                    onEnded={player1?.streamUrl ? handleOnEnded : undefined}
                     onProgress={
                         playbackStyle === PlaybackStyle.GAPLESS ? handleGapless1 : handleCrossfade1
                     }
@@ -325,12 +363,13 @@ export const AudioPlayer = forwardRef(
                     }}
                     height={0}
                     muted={muted}
+                    playbackRate={playbackSpeed}
                     playing={currentPlayer === 2 && status === PlayerStatus.PLAYING}
                     progressInterval={isTransitioning ? 10 : 250}
-                    url={player2?.streamUrl}
-                    volume={volume}
+                    url={player2?.streamUrl || EMPTY_SOURCE}
+                    volume={webAudio ? 1 : volume}
                     width={0}
-                    onEnded={handleOnEnded}
+                    onEnded={player2?.streamUrl ? handleOnEnded : undefined}
                     onProgress={
                         playbackStyle === PlaybackStyle.GAPLESS ? handleGapless2 : handleCrossfade2
                     }
diff --git a/src/renderer/components/audio-player/utils/list-handlers.ts b/src/renderer/components/audio-player/utils/list-handlers.ts
index be2a09524..4fe5bb695 100644
--- a/src/renderer/components/audio-player/utils/list-handlers.ts
+++ b/src/renderer/components/audio-player/utils/list-handlers.ts
@@ -23,7 +23,10 @@ export const gaplessHandler = (args: {
 
     const durationPadding = isFlac ? 0.065 : 0.116;
     if (currentTime + durationPadding >= duration) {
-        return nextPlayerRef.current.getInternalPlayer().play();
+        return nextPlayerRef.current
+            .getInternalPlayer()
+            ?.play()
+            .catch(() => {});
     }
 
     return null;
@@ -61,7 +64,10 @@ export const crossfadeHandler = (args: {
 
         if (shouldBeginTransition) {
             setIsTransitioning(true);
-            return nextPlayerRef.current.getInternalPlayer().play();
+            return nextPlayerRef.current
+                .getInternalPlayer()
+                ?.play()
+                .catch(() => {});
         }
         return null;
     }
diff --git a/src/renderer/components/button/index.tsx b/src/renderer/components/button/index.tsx
index 22a0433f6..ae74f9e82 100644
--- a/src/renderer/components/button/index.tsx
+++ b/src/renderer/components/button/index.tsx
@@ -39,8 +39,9 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
     }
 
     &:not([data-disabled])&:hover {
-        color: ${(props) => `var(--btn-${props.variant}-fg-hover) !important`};
-        background: ${(props) => `var(--btn-${props.variant}-bg-hover)`};
+        color: ${(props) => `var(--btn-${props.variant}-fg) !important`};
+        background: ${(props) => `var(--btn-${props.variant}-bg)`};
+        filter: brightness(85%);
         border: ${(props) => `var(--btn-${props.variant}-border-hover)`};
 
         svg {
@@ -50,11 +51,8 @@ const StyledButton = styled(MantineButton)<StyledButtonProps>`
 
     &:not([data-disabled])&:focus-visible {
         color: ${(props) => `var(--btn-${props.variant}-fg-hover)`};
-        background: ${(props) => `var(--btn-${props.variant}-bg-hover)`};
-    }
-
-    &:active {
-        transform: none;
+        background: ${(props) => `var(--btn-${props.variant}-bg)`};
+        filter: brightness(85%);
     }
 
     & .mantine-Button-centerLoader {
diff --git a/src/renderer/components/feature-carousel/index.tsx b/src/renderer/components/feature-carousel/index.tsx
index 625879e7b..2502db833 100644
--- a/src/renderer/components/feature-carousel/index.tsx
+++ b/src/renderer/components/feature-carousel/index.tsx
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { Group, Image, Stack } from '@mantine/core';
 import type { Variants } from 'framer-motion';
 import { AnimatePresence, motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { RiArrowLeftSLine, RiArrowRightSLine } from 'react-icons/ri';
 import { Link, generatePath } from 'react-router-dom';
 import styled from 'styled-components';
@@ -109,6 +110,7 @@ interface FeatureCarouselProps {
 }
 
 export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
+    const { t } = useTranslation();
     const handlePlayQueueAdd = usePlayQueueAdd();
     const [itemIndex, setItemIndex] = useState(0);
     const [direction, setDirection] = useState(0);
@@ -224,7 +226,7 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                                 });
                                             }}
                                         >
-                                            Play
+                                            {t('player.play', { postProcess: 'titleCase' })}
                                         </Button>
                                         <Group spacing="sm">
                                             <Button
diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx
index 2f31aae54..8ae02e66c 100644
--- a/src/renderer/components/grid-carousel/index.tsx
+++ b/src/renderer/components/grid-carousel/index.tsx
@@ -4,6 +4,7 @@ import {
     ReactNode,
     useCallback,
     useEffect,
+    useLayoutEffect,
     useMemo,
     useRef,
     useState,
@@ -114,9 +115,11 @@ export const SwiperGridCarousel = ({
     isLoading,
     uniqueId,
 }: SwiperGridCarouselProps) => {
+    const containerRef = useRef<HTMLDivElement>(null);
     const swiperRef = useRef<SwiperCore | any>(null);
     const playButtonBehavior = usePlayButtonBehavior();
     const handlePlayQueueAdd = usePlayQueueAdd();
+    const [slideCount, setSlideCount] = useState(4);
 
     useEffect(() => {
         swiperRef.current?.slideTo(0, 0);
@@ -191,23 +194,24 @@ export const SwiperGridCarousel = ({
 
     const handleNext = useCallback(() => {
         const activeIndex = swiperRef?.current?.activeIndex || 0;
-        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
+        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || slideCount));
         swiperRef?.current?.slideTo(activeIndex + slidesPerView);
-    }, [swiperProps?.slidesPerView]);
+    }, [slideCount, swiperProps?.slidesPerView]);
 
     const handlePrev = useCallback(() => {
         const activeIndex = swiperRef?.current?.activeIndex || 0;
-        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || 4));
+        const slidesPerView = Math.round(Number(swiperProps?.slidesPerView || slideCount));
         swiperRef?.current?.slideTo(activeIndex - slidesPerView);
-    }, [swiperProps?.slidesPerView]);
+    }, [slideCount, swiperProps?.slidesPerView]);
 
     const handleOnSlideChange = useCallback((e: SwiperCore) => {
         const { slides, isEnd, isBeginning, params } = e;
         if (isEnd || isBeginning) return;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params?.slidesPerView || 4) < slides.length,
-            hasPreviousPage: (params?.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
@@ -215,82 +219,106 @@ export const SwiperGridCarousel = ({
         const { slides, isEnd, isBeginning, params } = e;
         if (isEnd || isBeginning) return;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params.slidesPerView || 4) < slides.length,
-            hasPreviousPage: (params.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
     const handleOnReachEnd = useCallback((e: SwiperCore) => {
         const { slides, params } = e;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
             hasNextPage: false,
-            hasPreviousPage: (params.slidesPerView || 4) < slides.length,
+            hasPreviousPage: slideCount < slides.length,
         });
     }, []);
 
     const handleOnReachBeginning = useCallback((e: SwiperCore) => {
         const { slides, params } = e;
 
+        const slideCount = (params.slidesPerView as number | undefined) || 4;
         setPagination({
-            hasNextPage: (params.slidesPerView || 4) < slides.length,
+            hasNextPage: slideCount < slides.length,
             hasPreviousPage: false,
         });
     }, []);
 
-    const handleOnResize = useCallback((e: SwiperCore) => {
-        if (!e) return;
-        const { width } = e;
-        const slidesPerView = getSlidesPerView(width);
-        if (!e.params) return;
-        e.params.slidesPerView = slidesPerView;
-    }, []);
+    useLayoutEffect(() => {
+        const handleResize = () => {
+            // Use the container div ref and not swiper width, as this value is more accurate
+            const width = containerRef.current?.clientWidth;
+            const { activeIndex, params, slides } =
+                (swiperRef.current as SwiperCore | undefined) ?? {};
+
+            if (width) {
+                const slidesPerView = getSlidesPerView(width);
+                setSlideCount(slidesPerView);
+            }
+
+            if (activeIndex !== undefined && slides && params?.slidesPerView) {
+                const slideCount = (params.slidesPerView as number | undefined) || 4;
+                setPagination({
+                    hasNextPage: activeIndex + slideCount < slides.length,
+                    hasPreviousPage: activeIndex > 0,
+                });
+            }
+        };
 
-    const throttledOnResize = throttle(handleOnResize, 200);
+        handleResize();
+
+        const throttledResize = throttle(handleResize, 200);
+        window.addEventListener('resize', throttledResize);
+
+        return () => {
+            window.removeEventListener('resize', throttledResize);
+        };
+    }, []);
 
     return (
         <CarouselContainer
             className="grid-carousel"
             spacing="md"
         >
-            {title ? (
-                <Title
-                    {...title}
-                    handleNext={handleNext}
-                    handlePrev={handlePrev}
-                    pagination={pagination}
-                />
-            ) : null}
-            <Swiper
-                ref={swiperRef}
-                resizeObserver
-                modules={[Virtual]}
-                slidesPerView={4}
-                spaceBetween={20}
-                style={{ height: '100%', width: '100%' }}
-                onBeforeInit={(swiper) => {
-                    swiperRef.current = swiper;
-                }}
-                onBeforeResize={handleOnResize}
-                onReachBeginning={handleOnReachBeginning}
-                onReachEnd={handleOnReachEnd}
-                onResize={throttledOnResize}
-                onSlideChange={handleOnSlideChange}
-                onZoomChange={handleOnZoomChange}
-                {...swiperProps}
-            >
-                {slides.map((slideContent, index) => {
-                    return (
-                        <SwiperSlide
-                            key={`${uniqueId}-${slideContent?.props?.data?.id}-${index}`}
-                            virtualIndex={index}
-                        >
-                            {slideContent}
-                        </SwiperSlide>
-                    );
-                })}
-            </Swiper>
+            <div ref={containerRef}>
+                {title ? (
+                    <Title
+                        {...title}
+                        handleNext={handleNext}
+                        handlePrev={handlePrev}
+                        pagination={pagination}
+                    />
+                ) : null}
+                <Swiper
+                    ref={swiperRef}
+                    resizeObserver
+                    modules={[Virtual]}
+                    slidesPerView={slideCount}
+                    spaceBetween={20}
+                    style={{ height: '100%', width: '100%' }}
+                    onBeforeInit={(swiper) => {
+                        swiperRef.current = swiper;
+                    }}
+                    onReachBeginning={handleOnReachBeginning}
+                    onReachEnd={handleOnReachEnd}
+                    onSlideChange={handleOnSlideChange}
+                    onZoomChange={handleOnZoomChange}
+                    {...swiperProps}
+                >
+                    {slides.map((slideContent, index) => {
+                        return (
+                            <SwiperSlide
+                                key={`${uniqueId}-${slideContent?.props?.data?.id}-${index}`}
+                                virtualIndex={index}
+                            >
+                                {slideContent}
+                            </SwiperSlide>
+                        );
+                    })}
+                </Swiper>
+            </div>
         </CarouselContainer>
     );
 };
diff --git a/src/renderer/components/index.ts b/src/renderer/components/index.ts
index 226c58833..7d3b252f0 100644
--- a/src/renderer/components/index.ts
+++ b/src/renderer/components/index.ts
@@ -27,6 +27,7 @@ export * from './select';
 export * from './skeleton';
 export * from './slider';
 export * from './spinner';
+export * from './spoiler';
 export * from './switch';
 export * from './tabs';
 export * from './text';
diff --git a/src/renderer/components/query-builder/index.tsx b/src/renderer/components/query-builder/index.tsx
index 5332a9de0..bce098e2a 100644
--- a/src/renderer/components/query-builder/index.tsx
+++ b/src/renderer/components/query-builder/index.tsx
@@ -6,14 +6,21 @@ import { Button } from '/@/renderer/components/button';
 import { DropdownMenu } from '/@/renderer/components/dropdown-menu';
 import { QueryBuilderOption } from '/@/renderer/components/query-builder/query-builder-option';
 import { QueryBuilderGroup, QueryBuilderRule } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTER_GROUP_OPTIONS_DATA = [
     {
-        label: 'Match all',
+        label: i18n.t('form.queryEditor.input', {
+            context: 'optionMatchAll',
+            postProcess: 'sentenceCase',
+        }),
         value: 'all',
     },
     {
-        label: 'Match any',
+        label: i18n.t('form.queryEditor.input', {
+            context: 'optionMatchAny',
+            postProcess: 'sentenceCase',
+        }),
         value: 'any',
     },
 ];
diff --git a/src/renderer/components/rating/index.tsx b/src/renderer/components/rating/index.tsx
index 9f308a14a..73b44f64c 100644
--- a/src/renderer/components/rating/index.tsx
+++ b/src/renderer/components/rating/index.tsx
@@ -1,12 +1,8 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import { MouseEvent } from 'react';
-import { Rating as MantineRating, RatingProps as MantineRatingProps } from '@mantine/core';
+import { useCallback } from 'react';
+import { Rating as MantineRating, RatingProps } from '@mantine/core';
+import debounce from 'lodash/debounce';
 import styled from 'styled-components';
-import { Tooltip } from '/@/renderer/components/tooltip';
-
-interface RatingProps extends Omit<MantineRatingProps, 'onClick'> {
-    onClick: (e: MouseEvent<HTMLDivElement>, value: number | undefined) => void;
-}
 
 const StyledRating = styled(MantineRating)`
     & .mantine-Rating-symbolBody {
@@ -16,18 +12,32 @@ const StyledRating = styled(MantineRating)`
     }
 `;
 
-export const Rating = ({ onClick, ...props }: RatingProps) => {
-    // const debouncedOnClick = debounce(onClick, 100);
+export const Rating = ({ onChange, ...props }: RatingProps) => {
+    const valueChange = useCallback(
+        (rating: number) => {
+            if (onChange) {
+                if (rating === props.value) {
+                    onChange(0);
+                } else {
+                    onChange(rating);
+                }
+            }
+        },
+        [onChange, props.value],
+    );
+
+    const debouncedOnChange = debounce(valueChange, 100);
 
     return (
-        <Tooltip
-            label="Double click to clear"
-            openDelay={1000}
-        >
-            <StyledRating
-                {...props}
-                onDoubleClick={(e) => onClick(e, props.value)}
-            />
-        </Tooltip>
+        <StyledRating
+            {...props}
+            onChange={(e) => {
+                debouncedOnChange(e);
+            }}
+            onClick={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            }}
+        />
     );
 };
diff --git a/src/renderer/components/spoiler/index.tsx b/src/renderer/components/spoiler/index.tsx
new file mode 100644
index 000000000..9e015ae57
--- /dev/null
+++ b/src/renderer/components/spoiler/index.tsx
@@ -0,0 +1,39 @@
+import clsx from 'clsx';
+import { HTMLAttributes, ReactNode, useRef, useState } from 'react';
+import styles from './spoiler.module.scss';
+import { useIsOverflow } from '/@/renderer/hooks';
+
+interface SpoilerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    defaultOpened?: boolean;
+    maxHeight?: number;
+}
+
+export const Spoiler = ({ maxHeight, defaultOpened, children, ...props }: SpoilerProps) => {
+    const ref = useRef(null);
+    const isOverflow = useIsOverflow(ref);
+    const [isExpanded, setIsExpanded] = useState(!!defaultOpened);
+
+    const spoilerClassNames = clsx(styles.spoiler, {
+        [styles.canExpand]: isOverflow,
+        [styles.isExpanded]: isExpanded,
+    });
+
+    const handleToggleExpand = () => {
+        setIsExpanded((val) => !val);
+    };
+
+    return (
+        <div
+            ref={ref}
+            className={spoilerClassNames}
+            role="button"
+            style={{ maxHeight: maxHeight ?? '100px' }}
+            tabIndex={-1}
+            onClick={handleToggleExpand}
+            {...props}
+        >
+            {children}
+        </div>
+    );
+};
diff --git a/src/renderer/components/spoiler/spoiler.module.scss b/src/renderer/components/spoiler/spoiler.module.scss
new file mode 100644
index 000000000..36bd1796e
--- /dev/null
+++ b/src/renderer/components/spoiler/spoiler.module.scss
@@ -0,0 +1,31 @@
+.control:hover {
+    color: var(--btn-subtle-fg-hover);
+    text-decoration: none;
+}
+
+.spoiler {
+    position: relative;
+    text-align: justify;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.spoiler:not(.is-expanded).can-expand:after {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    content: '';
+    background: linear-gradient(to top, var(--main-bg) 10%, transparent 60%);
+    pointer-events: none;
+}
+
+.spoiler.can-expand {
+    cursor: pointer;
+}
+
+.spoiler.is-expanded {
+    max-height: 2500px !important;
+}
diff --git a/src/renderer/components/tabs/index.tsx b/src/renderer/components/tabs/index.tsx
index c45b0ad7b..696ca1188 100644
--- a/src/renderer/components/tabs/index.tsx
+++ b/src/renderer/components/tabs/index.tsx
@@ -42,6 +42,7 @@ const StyledTabs = styled(MantineTabs)`
 
         &:hover {
             background: none;
+            border-color: var(--primary-color);
         }
     }
 `;
diff --git a/src/renderer/components/toast/index.tsx b/src/renderer/components/toast/index.tsx
index 088616f19..c4b37d7ff 100644
--- a/src/renderer/components/toast/index.tsx
+++ b/src/renderer/components/toast/index.tsx
@@ -30,7 +30,7 @@ const showToast = ({ type, ...props }: NotificationProps) => {
             ? 'Error'
             : 'Info';
 
-    const defaultDuration = type === 'error' ? 2000 : 1000;
+    const defaultDuration = type === 'error' ? 5000 : 2000;
 
     return showNotification({
         autoClose: defaultDuration,
diff --git a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
index ecb05bdeb..e313d9429 100644
--- a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
+++ b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
@@ -72,7 +72,7 @@ export const VirtualInfiniteGrid = forwardRef(
         const [itemData, setItemData] = useState<any[]>(fetchInitialData?.() || []);
 
         const { itemHeight, rowCount, columnCount } = useMemo(() => {
-            const itemsPerRow = width ? Math.floor(width / itemSize) : 5;
+            const itemsPerRow = width ? Math.floor(width / (itemSize + itemGap * 2)) : 5;
             const widthPerItem = Number(width) / itemsPerRow;
             const itemHeight = widthPerItem + cardRows.length * 26;
 
@@ -81,7 +81,7 @@ export const VirtualInfiniteGrid = forwardRef(
                 itemHeight,
                 rowCount: Math.ceil(itemCount / itemsPerRow),
             };
-        }, [cardRows.length, itemCount, itemSize, width]);
+        }, [cardRows.length, itemCount, itemGap, itemSize, width]);
 
         const isItemLoaded = useCallback(
             (index: number) => {
diff --git a/src/renderer/components/virtual-table/cells/note-cell.tsx b/src/renderer/components/virtual-table/cells/note-cell.tsx
index 1191d597c..eaa1b5f70 100644
--- a/src/renderer/components/virtual-table/cells/note-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/note-cell.tsx
@@ -3,17 +3,7 @@ import { Skeleton } from '/@/renderer/components/skeleton';
 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
 import { useMemo } from 'react';
 import { Text } from '/@/renderer/components/text';
-
-const URL_REGEX =
-    /((?:https?:\/\/)?(?:[\w-]{1,32}(?:\.[\w-]{1,32})+)(?:\/[\w\-./?%&=][^.|^\s]*)?)/g;
-
-const replaceURLWithHTMLLinks = (text: string) => {
-    const urlRegex = new RegExp(URL_REGEX, 'g');
-    return text.replaceAll(
-        urlRegex,
-        (url) => `<a href="${url}" target="_blank" rel="noreferrer">${url}</a>`,
-    );
-};
+import { replaceURLWithHTMLLinks } from '/@/renderer/utils/linkify';
 
 export const NoteCell = ({ value }: ICellRendererParams) => {
     const formattedValue = useMemo(() => {
@@ -39,9 +29,10 @@ export const NoteCell = ({ value }: ICellRendererParams) => {
         <CellContainer $position="left">
             <Text
                 $secondary
-                dangerouslySetInnerHTML={{ __html: formattedValue }}
                 overflow="hidden"
-            />
+            >
+                {formattedValue}
+            </Text>
         </CellContainer>
     );
 };
diff --git a/src/renderer/components/virtual-table/cells/rating-cell.tsx b/src/renderer/components/virtual-table/cells/rating-cell.tsx
index 596d1c876..5663cf502 100644
--- a/src/renderer/components/virtual-table/cells/rating-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/rating-cell.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable import/no-cycle */
-import { MouseEvent } from 'react';
 import type { ICellRendererParams } from '@ag-grid-community/core';
 import { Rating } from '/@/renderer/components/rating';
 import { CellContainer } from '/@/renderer/components/virtual-table/cells/generic-cell';
@@ -9,8 +8,6 @@ export const RatingCell = ({ value, node }: ICellRendererParams) => {
     const updateRatingMutation = useSetRating({});
 
     const handleUpdateRating = (rating: number) => {
-        if (!value) return;
-
         updateRatingMutation.mutate(
             {
                 query: {
@@ -27,32 +24,12 @@ export const RatingCell = ({ value, node }: ICellRendererParams) => {
         );
     };
 
-    const handleClearRating = (e: MouseEvent<HTMLDivElement>) => {
-        e.preventDefault();
-        e.stopPropagation();
-        updateRatingMutation.mutate(
-            {
-                query: {
-                    item: [value],
-                    rating: 0,
-                },
-                serverId: value?.serverId,
-            },
-            {
-                onSuccess: () => {
-                    node.setData({ ...node.data, userRating: 0 });
-                },
-            },
-        );
-    };
-
     return (
         <CellContainer $position="center">
             <Rating
                 size="xs"
                 value={value?.userRating}
                 onChange={handleUpdateRating}
-                onClick={handleClearRating}
             />
         </CellContainer>
     );
diff --git a/src/renderer/components/virtual-table/hooks/use-current-song-row-styles.ts b/src/renderer/components/virtual-table/hooks/use-current-song-row-styles.ts
index b6558227d..fba985f04 100644
--- a/src/renderer/components/virtual-table/hooks/use-current-song-row-styles.ts
+++ b/src/renderer/components/virtual-table/hooks/use-current-song-row-styles.ts
@@ -40,6 +40,7 @@ export const useCurrentSongRowStyles = ({ tableRef }: UseCurrentSongRowStylesPro
         return {
             'current-song': (params) => {
                 return (
+                    currentSong?.id !== undefined &&
                     params?.data?.id === currentSong?.id &&
                     params?.data?.albumId === currentSong?.albumId
                 );
diff --git a/src/renderer/components/virtual-table/index.tsx b/src/renderer/components/virtual-table/index.tsx
index 42c7ab923..42dc722a8 100644
--- a/src/renderer/components/virtual-table/index.tsx
+++ b/src/renderer/components/virtual-table/index.tsx
@@ -42,6 +42,7 @@ import { TitleCell } from '/@/renderer/components/virtual-table/cells/title-cell
 import { useFixedTableHeader } from '/@/renderer/components/virtual-table/hooks/use-fixed-table-header';
 import { NoteCell } from '/@/renderer/components/virtual-table/cells/note-cell';
 import { RowIndexCell } from '/@/renderer/components/virtual-table/cells/row-index-cell';
+import i18n from '/@/i18n/i18n';
 
 export * from './table-config-dropdown';
 export * from './table-pagination';
@@ -77,7 +78,7 @@ const tableColumns: { [key: string]: ColDef } = {
         cellRenderer: (params: ICellRendererParams) =>
             GenericCell(params, { isLink: true, position: 'left' }),
         colId: TableColumn.ALBUM,
-        headerName: 'Album',
+        headerName: i18n.t('table.column.album'),
         valueGetter: (params: ValueGetterParams) =>
             params.data
                 ? {
@@ -92,7 +93,7 @@ const tableColumns: { [key: string]: ColDef } = {
     albumArtist: {
         cellRenderer: AlbumArtistCell,
         colId: TableColumn.ALBUM_ARTIST,
-        headerName: 'Album Artist',
+        headerName: i18n.t('table.column.albumArtist'),
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.albumArtists : undefined,
         width: 150,
@@ -103,7 +104,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'albumCount',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Albums',
+        headerName: i18n.t('table.column.albumCount'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.albumCount : undefined,
@@ -112,7 +113,7 @@ const tableColumns: { [key: string]: ColDef } = {
     artist: {
         cellRenderer: ArtistCell,
         colId: TableColumn.ARTIST,
-        headerName: 'Artist',
+        headerName: i18n.t('table.column.artist'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.artists : undefined),
         width: 150,
     },
@@ -120,7 +121,7 @@ const tableColumns: { [key: string]: ColDef } = {
         cellRenderer: (params: ICellRendererParams) => GenericCell(params, { position: 'left' }),
         colId: TableColumn.BIOGRAPHY,
         field: 'biography',
-        headerName: 'Biography',
+        headerName: i18n.t('table.column.biography'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.biography : ''),
         width: 200,
     },
@@ -130,6 +131,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'bitRate',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
+        headerName: i18n.t('table.column.bitrate'),
         suppressSizeToFit: true,
         valueFormatter: (params: ValueFormatterParams) => `${params.value} kbps`,
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.bitRate : undefined),
@@ -140,7 +142,7 @@ const tableColumns: { [key: string]: ColDef } = {
         colId: TableColumn.BPM,
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'BPM',
+        headerName: i18n.t('table.column.bpm'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.bpm : undefined),
         width: 60,
@@ -151,14 +153,23 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'channels',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
+        headerName: i18n.t('table.column.channels'),
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.channels : undefined,
         width: 100,
     },
+    codec: {
+        cellRenderer: (params: ICellRendererParams) => GenericCell(params, { position: 'center' }),
+        colId: TableColumn.CODEC,
+        headerName: i18n.t('table.column.codec'),
+        valueGetter: (params: ValueGetterParams) =>
+            params.data ? params.data.container : undefined,
+        width: 60,
+    },
     comment: {
         cellRenderer: NoteCell,
         colId: TableColumn.COMMENT,
-        headerName: 'Note',
+        headerName: i18n.t('table.column.comment'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.comment : undefined),
         width: 150,
     },
@@ -168,7 +179,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'createdAt',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Date Added',
+        headerName: i18n.t('table.column.dateAdded'),
         suppressSizeToFit: true,
         valueFormatter: (params: ValueFormatterParams) =>
             params.value ? dayjs(params.value).format('MMM D, YYYY') : '',
@@ -182,7 +193,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'discNumber',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Disc',
+        headerName: i18n.t('table.column.discNumber'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.discNumber : undefined,
@@ -203,7 +214,7 @@ const tableColumns: { [key: string]: ColDef } = {
     genre: {
         cellRenderer: GenreCell,
         colId: TableColumn.GENRE,
-        headerName: 'Genre',
+        headerName: i18n.t('table.column.genre'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.genres : undefined),
         width: 100,
     },
@@ -212,7 +223,7 @@ const tableColumns: { [key: string]: ColDef } = {
         colId: TableColumn.LAST_PLAYED,
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Last Played',
+        headerName: i18n.t('table.column.lastPlayed'),
         valueFormatter: (params: ValueFormatterParams) =>
             params.value ? dayjs(params.value).fromNow() : '',
         valueGetter: (params: ValueGetterParams) =>
@@ -222,7 +233,7 @@ const tableColumns: { [key: string]: ColDef } = {
     path: {
         cellRenderer: GenericCell,
         colId: TableColumn.PATH,
-        headerName: 'Path',
+        headerName: i18n.t('table.column.path'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.path : undefined),
         width: 200,
     },
@@ -232,7 +243,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'playCount',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Plays',
+        headerName: i18n.t('table.column.playCount'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.playCount : undefined,
@@ -244,7 +255,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'releaseDate',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Release Date',
+        headerName: i18n.t('table.column.releaseDate'),
         suppressSizeToFit: true,
         valueFormatter: (params: ValueFormatterParams) =>
             params.value ? dayjs(params.value).format('MMM D, YYYY') : '',
@@ -258,7 +269,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'releaseYear',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Year',
+        headerName: i18n.t('table.column.releaseYear'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.releaseYear : undefined,
@@ -280,10 +291,14 @@ const tableColumns: { [key: string]: ColDef } = {
         cellClass: 'row-index',
         cellClassRules: {
             'current-playlist-song-cell': (params) => {
-                return params.data?.uniqueId === params.context?.currentSong?.uniqueId;
+                return (
+                    params.context?.currentSong?.uniqueId !== undefined &&
+                    params.data?.uniqueId === params.context?.currentSong?.uniqueId
+                );
             },
             'current-song-cell': (params) => {
                 return (
+                    params.context?.currentSong?.id !== undefined &&
                     params.data?.id === params.context?.currentSong?.id &&
                     params.data?.albumId === params.context?.currentSong?.albumId
                 );
@@ -311,7 +326,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'songCount',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Songs',
+        headerName: i18n.t('table.column.songCount'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.songCount : undefined,
@@ -321,14 +336,14 @@ const tableColumns: { [key: string]: ColDef } = {
         cellRenderer: TitleCell,
         colId: TableColumn.TITLE,
         field: 'name',
-        headerName: 'Title',
+        headerName: i18n.t('table.column.title'),
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data.name : undefined),
         width: 250,
     },
     titleCombined: {
         cellRenderer: CombinedTitleCell,
         colId: TableColumn.TITLE_COMBINED,
-        headerName: 'Title',
+        headerName: i18n.t('table.column.title'),
         initialWidth: 500,
         minWidth: 150,
         valueGetter: (params: ValueGetterParams) =>
@@ -352,7 +367,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'trackNumber',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Track',
+        headerName: i18n.t('table.column.trackNumber'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.trackNumber : undefined,
@@ -363,6 +378,7 @@ const tableColumns: { [key: string]: ColDef } = {
         cellClassRules: {
             'current-song-cell': (params) => {
                 return (
+                    params.context?.currentSong?.id !== undefined &&
                     params.data?.id === params.context?.currentSong?.id &&
                     params.data?.albumId === params.context?.currentSong?.albumId
                 );
@@ -379,7 +395,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'trackNumber',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center' }),
-        headerName: 'Track',
+        headerName: i18n.t('table.column.trackNumber'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.trackNumber : undefined,
@@ -392,7 +408,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'userFavorite',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center', preset: 'userFavorite' }),
-        headerName: 'Favorite',
+        headerName: i18n.t('table.column.favorite'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) =>
             params.data ? params.data.userFavorite : undefined,
@@ -406,7 +422,7 @@ const tableColumns: { [key: string]: ColDef } = {
         field: 'userRating',
         headerComponent: (params: IHeaderParams) =>
             GenericTableHeader(params, { position: 'center', preset: 'userRating' }),
-        headerName: 'Rating',
+        headerName: i18n.t('table.column.rating'),
         suppressSizeToFit: true,
         valueGetter: (params: ValueGetterParams) => (params.data ? params.data : undefined),
         width: 95,
diff --git a/src/renderer/components/virtual-table/table-config-dropdown.tsx b/src/renderer/components/virtual-table/table-config-dropdown.tsx
index fb0dcbcc9..6f09ff131 100644
--- a/src/renderer/components/virtual-table/table-config-dropdown.tsx
+++ b/src/renderer/components/virtual-table/table-config-dropdown.tsx
@@ -5,85 +5,278 @@ import { Switch } from '/@/renderer/components/switch';
 import { useSettingsStoreActions, useSettingsStore } from '/@/renderer/store/settings.store';
 import { TableColumn, TableType } from '/@/renderer/types';
 import { Option } from '/@/renderer/components/option';
+import i18n from '/@/i18n/i18n';
 
 export const SONG_TABLE_COLUMNS = [
-    { label: 'Row Index', value: TableColumn.ROW_INDEX },
-    { label: 'Title', value: TableColumn.TITLE },
-    { label: 'Title (Combined)', value: TableColumn.TITLE_COMBINED },
-    { label: 'Duration', value: TableColumn.DURATION },
-    { label: 'Album', value: TableColumn.ALBUM },
-    { label: 'Album Artist', value: TableColumn.ALBUM_ARTIST },
-    { label: 'Artist', value: TableColumn.ARTIST },
-    { label: 'Genre', value: TableColumn.GENRE },
-    { label: 'Year', value: TableColumn.YEAR },
-    { label: 'Release Date', value: TableColumn.RELEASE_DATE },
-    { label: 'Disc Number', value: TableColumn.DISC_NUMBER },
-    { label: 'Track Number', value: TableColumn.TRACK_NUMBER },
-    { label: 'Bitrate', value: TableColumn.BIT_RATE },
-    { label: 'Last Played', value: TableColumn.LAST_PLAYED },
-    { label: 'Note', value: TableColumn.COMMENT },
-    { label: 'Channels', value: TableColumn.CHANNELS },
-    { label: 'BPM', value: TableColumn.BPM },
-    { label: 'Date Added', value: TableColumn.DATE_ADDED },
-    { label: 'Path', value: TableColumn.PATH },
-    { label: 'Plays', value: TableColumn.PLAY_COUNT },
-    { label: 'Size', value: TableColumn.SIZE },
-    { label: 'Favorite', value: TableColumn.USER_FAVORITE },
-    { label: 'Rating', value: TableColumn.USER_RATING },
-    { label: 'Actions', value: TableColumn.ACTIONS },
+    {
+        label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
+        value: TableColumn.ROW_INDEX,
+    },
+    {
+        label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE,
+    },
+    {
+        label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE_COMBINED,
+    },
+    {
+        label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
+        value: TableColumn.DURATION,
+    },
+    {
+        label: i18n.t('table.config.label.album', { postProcess: 'titleCase' }),
+        value: TableColumn.ALBUM,
+    },
+    {
+        label: i18n.t('table.config.label.albumArtist', { postProcess: 'titleCase' }),
+        value: TableColumn.ALBUM_ARTIST,
+    },
+    {
+        label: i18n.t('table.config.label.artist', { postProcess: 'titleCase' }),
+        value: TableColumn.ARTIST,
+    },
+    {
+        label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
+        value: TableColumn.GENRE,
+    },
+    {
+        label: i18n.t('table.config.label.year', { postProcess: 'titleCase' }),
+        value: TableColumn.YEAR,
+    },
+    {
+        label: i18n.t('table.config.label.releaseDate', { postProcess: 'titleCase' }),
+        value: TableColumn.RELEASE_DATE,
+    },
+    {
+        label: i18n.t('table.config.label.discNumber', { postProcess: 'titleCase' }),
+        value: TableColumn.DISC_NUMBER,
+    },
+    {
+        label: i18n.t('table.config.label.trackNumber', { postProcess: 'titleCase' }),
+        value: TableColumn.TRACK_NUMBER,
+    },
+    {
+        label: i18n.t('table.config.label.bitrate', { postProcess: 'titleCase' }),
+        value: TableColumn.BIT_RATE,
+    },
+    {
+        label: i18n.t('table.config.label.codec', { postProcess: 'titleCase' }),
+        value: TableColumn.CODEC,
+    },
+    {
+        label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
+        value: TableColumn.LAST_PLAYED,
+    },
+    {
+        label: i18n.t('table.config.label.note', { postProcess: 'titleCase' }),
+        value: TableColumn.COMMENT,
+    },
+    {
+        label: i18n.t('table.config.label.channels', { postProcess: 'titleCase' }),
+        value: TableColumn.CHANNELS,
+    },
+    {
+        label: i18n.t('table.config.label.bpm', { postProcess: 'titleCase' }),
+        value: TableColumn.BPM,
+    },
+    {
+        label: i18n.t('table.config.label.dateAdded', { postProcess: 'titleCase' }),
+        value: TableColumn.DATE_ADDED,
+    },
+    {
+        label: i18n.t('table.config.label.path', { postProcess: 'titleCase' }),
+        value: TableColumn.PATH,
+    },
+    {
+        label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
+        value: TableColumn.PLAY_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.size', { postProcess: 'titleCase' }),
+        value: TableColumn.SIZE,
+    },
+    {
+        label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_FAVORITE,
+    },
+    {
+        label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_RATING,
+    },
+    {
+        label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
+        value: TableColumn.ACTIONS,
+    },
     // { label: 'Skip', value: TableColumn.SKIP },
 ];
 
 export const ALBUM_TABLE_COLUMNS = [
-    { label: 'Row Index', value: TableColumn.ROW_INDEX },
-    { label: 'Title', value: TableColumn.TITLE },
-    { label: 'Title (Combined)', value: TableColumn.TITLE_COMBINED },
-    { label: 'Duration', value: TableColumn.DURATION },
-    { label: 'Album Artist', value: TableColumn.ALBUM_ARTIST },
-    { label: 'Artist', value: TableColumn.ARTIST },
-    { label: 'Song Count', value: TableColumn.SONG_COUNT },
-    { label: 'Genre', value: TableColumn.GENRE },
-    { label: 'Year', value: TableColumn.YEAR },
-    { label: 'Release Date', value: TableColumn.RELEASE_DATE },
-    { label: 'Last Played', value: TableColumn.LAST_PLAYED },
-    { label: 'Date Added', value: TableColumn.DATE_ADDED },
-    { label: 'Plays', value: TableColumn.PLAY_COUNT },
-    { label: 'Favorite', value: TableColumn.USER_FAVORITE },
-    { label: 'Rating', value: TableColumn.USER_RATING },
-    { label: 'Actions', value: TableColumn.ACTIONS },
+    {
+        label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
+        value: TableColumn.ROW_INDEX,
+    },
+    {
+        label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE,
+    },
+    {
+        label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE_COMBINED,
+    },
+    {
+        label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
+        value: TableColumn.DURATION,
+    },
+    {
+        label: i18n.t('table.config.label.albumArtist', { postProcess: 'titleCase' }),
+        value: TableColumn.ALBUM_ARTIST,
+    },
+    {
+        label: i18n.t('table.config.label.artist', { postProcess: 'titleCase' }),
+        value: TableColumn.ARTIST,
+    },
+    {
+        label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
+        value: TableColumn.SONG_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
+        value: TableColumn.GENRE,
+    },
+    {
+        label: i18n.t('table.config.label.year', { postProcess: 'titleCase' }),
+        value: TableColumn.YEAR,
+    },
+    {
+        label: i18n.t('table.config.label.releaseDate', { postProcess: 'titleCase' }),
+        value: TableColumn.RELEASE_DATE,
+    },
+    {
+        label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
+        value: TableColumn.LAST_PLAYED,
+    },
+    {
+        label: i18n.t('table.config.label.dateAdded', { postProcess: 'titleCase' }),
+        value: TableColumn.DATE_ADDED,
+    },
+    {
+        label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
+        value: TableColumn.PLAY_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_FAVORITE,
+    },
+    {
+        label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_RATING,
+    },
+    {
+        label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
+        value: TableColumn.ACTIONS,
+    },
 ];
 
 export const ALBUMARTIST_TABLE_COLUMNS = [
-    { label: 'Row Index', value: TableColumn.ROW_INDEX },
-    { label: 'Title', value: TableColumn.TITLE },
-    { label: 'Title (Combined)', value: TableColumn.TITLE_COMBINED },
-    { label: 'Duration', value: TableColumn.DURATION },
-    { label: 'Biography', value: TableColumn.BIOGRAPHY },
-    { label: 'Genre', value: TableColumn.GENRE },
-    { label: 'Last Played', value: TableColumn.LAST_PLAYED },
-    { label: 'Plays', value: TableColumn.PLAY_COUNT },
-    { label: 'Album Count', value: TableColumn.ALBUM_COUNT },
-    { label: 'Song Count', value: TableColumn.SONG_COUNT },
-    { label: 'Favorite', value: TableColumn.USER_FAVORITE },
-    { label: 'Rating', value: TableColumn.USER_RATING },
-    { label: 'Actions', value: TableColumn.ACTIONS },
+    {
+        label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
+        value: TableColumn.ROW_INDEX,
+    },
+    {
+        label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE,
+    },
+    {
+        label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE_COMBINED,
+    },
+    {
+        label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
+        value: TableColumn.DURATION,
+    },
+    {
+        label: i18n.t('table.config.label.biography', { postProcess: 'titleCase' }),
+        value: TableColumn.BIOGRAPHY,
+    },
+    {
+        label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
+        value: TableColumn.GENRE,
+    },
+    {
+        label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
+        value: TableColumn.LAST_PLAYED,
+    },
+    {
+        label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
+        value: TableColumn.PLAY_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.albumCount', { postProcess: 'titleCase' }),
+        value: TableColumn.ALBUM_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
+        value: TableColumn.SONG_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_FAVORITE,
+    },
+    {
+        label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
+        value: TableColumn.USER_RATING,
+    },
+    {
+        label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
+        value: TableColumn.ACTIONS,
+    },
 ];
 
 export const PLAYLIST_TABLE_COLUMNS = [
-    { label: 'Row Index', value: TableColumn.ROW_INDEX },
-    { label: 'Title', value: TableColumn.TITLE },
-    { label: 'Title (Combined)', value: TableColumn.TITLE_COMBINED },
-    { label: 'Duration', value: TableColumn.DURATION },
-    { label: 'Owner', value: TableColumn.OWNER },
-    // { label: 'Genre', value: TableColumn.GENRE },
-    { label: 'Song Count', value: TableColumn.SONG_COUNT },
-    { label: 'Actions', value: TableColumn.ACTIONS },
+    {
+        label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
+        value: TableColumn.ROW_INDEX,
+    },
+    {
+        label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE,
+    },
+    {
+        label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE_COMBINED,
+    },
+    {
+        label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
+        value: TableColumn.DURATION,
+    },
+    {
+        label: i18n.t('table.config.label.owner', { postProcess: 'titleCase' }),
+        value: TableColumn.OWNER,
+    },
+    {
+        label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
+        value: TableColumn.SONG_COUNT,
+    },
+    {
+        label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
+        value: TableColumn.ACTIONS,
+    },
 ];
 
 export const GENRE_TABLE_COLUMNS = [
-    { label: 'Row Index', value: TableColumn.ROW_INDEX },
-    { label: 'Title', value: TableColumn.TITLE },
-    { label: 'Actions', value: TableColumn.ACTIONS },
+    {
+        label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
+        value: TableColumn.ROW_INDEX,
+    },
+    {
+        label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
+        value: TableColumn.TITLE,
+    },
+    {
+        label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
+        value: TableColumn.ACTIONS,
+    },
 ];
 
 interface TableConfigDropdownProps {
diff --git a/src/renderer/components/virtual-table/table-pagination.tsx b/src/renderer/components/virtual-table/table-pagination.tsx
index e5f6605b3..1dba051d1 100644
--- a/src/renderer/components/virtual-table/table-pagination.tsx
+++ b/src/renderer/components/virtual-table/table-pagination.tsx
@@ -1,8 +1,9 @@
+import { MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Group } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { useDisclosure } from '@mantine/hooks';
-import { MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiHashtag } from 'react-icons/ri';
 import { Button } from '/@/renderer/components/button';
 import { MotionFlex } from '../motion';
@@ -29,6 +30,7 @@ export const TablePagination = ({
     setPagination,
     setIdPagination,
 }: TablePaginationProps) => {
+    const { t } = useTranslation();
     const [isGoToPageOpen, handlers] = useDisclosure(false);
     const containerQuery = useContainerQuery();
 
@@ -115,7 +117,9 @@ export const TablePagination = ({
                             radius="sm"
                             size="sm"
                             sx={{ height: '26px', padding: '0', width: '26px' }}
-                            tooltip={{ label: 'Go to page' }}
+                            tooltip={{
+                                label: t('action.goToPage', { postProcess: 'sentenceCase' }),
+                            }}
                             variant="default"
                             onClick={() => handlers.toggle()}
                         >
diff --git a/src/renderer/features/action-required/components/mpv-required.tsx b/src/renderer/features/action-required/components/mpv-required.tsx
index 275d5d44d..aff386a90 100644
--- a/src/renderer/features/action-required/components/mpv-required.tsx
+++ b/src/renderer/features/action-required/components/mpv-required.tsx
@@ -1,23 +1,36 @@
 import { useEffect, useState } from 'react';
 import isElectron from 'is-electron';
-import { FileInput, Text, Button } from '/@/renderer/components';
+import { FileInput, Text, Button, Checkbox } from '/@/renderer/components';
+import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store';
+import { PlaybackType } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const MpvRequired = () => {
     const [mpvPath, setMpvPath] = useState('');
+    const settings = usePlaybackSettings();
+    const { setSettings } = useSettingsStoreActions();
+    const [disabled, setDisabled] = useState(false);
+    const { t } = useTranslation();
+
     const handleSetMpvPath = (e: File) => {
         localSettings?.set('mpv_path', e.path);
     };
 
-    useEffect(() => {
-        const getMpvPath = async () => {
-            if (!localSettings) return setMpvPath('');
-            const mpvPath = localSettings.get('mpv_path') as string;
-            return setMpvPath(mpvPath);
-        };
+    const handleSetDisableMpv = (disabled: boolean) => {
+        setDisabled(disabled);
+        localSettings?.set('disable_mpv', disabled);
+
+        setSettings({
+            playback: { ...settings, type: disabled ? PlaybackType.WEB : PlaybackType.LOCAL },
+        });
+    };
 
-        getMpvPath();
+    useEffect(() => {
+        if (!localSettings) return setMpvPath('');
+        const mpvPath = localSettings.get('mpv_path') as string;
+        return setMpvPath(mpvPath);
     }, []);
 
     return (
@@ -34,9 +47,15 @@ export const MpvRequired = () => {
                 </a>
             </Text>
             <FileInput
+                disabled={disabled}
                 placeholder={mpvPath}
                 onChange={handleSetMpvPath}
             />
+            <Text>{t('setting.disable_mpv', { context: 'description' })}</Text>
+            <Checkbox
+                label={t('setting.disableMpv')}
+                onChange={(e) => handleSetDisableMpv(e.currentTarget.checked)}
+            />
             <Button onClick={() => localSettings?.restart()}>Restart</Button>
         </>
     );
diff --git a/src/renderer/features/action-required/routes/action-required-route.tsx b/src/renderer/features/action-required/routes/action-required-route.tsx
index 69c933256..458540ed2 100644
--- a/src/renderer/features/action-required/routes/action-required-route.tsx
+++ b/src/renderer/features/action-required/routes/action-required-route.tsx
@@ -1,54 +1,30 @@
-import { useState, useEffect } from 'react';
 import { Center, Group, Stack } from '@mantine/core';
-import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { RiCheckFill } from 'react-icons/ri';
 import { Link, Navigate } from 'react-router-dom';
 import { Button, PageHeader, Text } from '/@/renderer/components';
 import { ActionRequiredContainer } from '/@/renderer/features/action-required/components/action-required-container';
-import { MpvRequired } from '/@/renderer/features/action-required/components/mpv-required';
 import { ServerCredentialRequired } from '/@/renderer/features/action-required/components/server-credential-required';
 import { ServerRequired } from '/@/renderer/features/action-required/components/server-required';
 import { AnimatedPage } from '/@/renderer/features/shared';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useCurrentServer } from '/@/renderer/store';
 
-const localSettings = isElectron() ? window.electron.localSettings : null;
-
 const ActionRequiredRoute = () => {
+    const { t } = useTranslation();
     const currentServer = useCurrentServer();
-    const [isMpvRequired, setIsMpvRequired] = useState(false);
     const isServerRequired = !currentServer;
     const isCredentialRequired = false;
 
-    useEffect(() => {
-        const getMpvPath = async () => {
-            if (!localSettings) return setIsMpvRequired(false);
-            const mpvPath = await localSettings.get('mpv_path');
-
-            if (mpvPath) {
-                return setIsMpvRequired(false);
-            }
-
-            return setIsMpvRequired(true);
-        };
-
-        getMpvPath();
-    }, []);
-
     const checks = [
-        {
-            component: <MpvRequired />,
-            title: 'MPV required',
-            valid: !isMpvRequired,
-        },
         {
             component: <ServerCredentialRequired />,
-            title: 'Credentials required',
+            title: t('error.credentialsRequired', { postProcess: 'sentenceCase' }),
             valid: !isCredentialRequired,
         },
         {
             component: <ServerRequired />,
-            title: 'Server required',
+            title: t('error.serverRequired', { postProcess: 'serverRequired' }),
             valid: !isServerRequired,
         },
     ];
diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx
index a9f34232c..d75216ee4 100644
--- a/src/renderer/features/albums/components/album-detail-content.tsx
+++ b/src/renderer/features/albums/components/album-detail-content.tsx
@@ -1,15 +1,18 @@
+import { MutableRefObject, useCallback, useMemo } from 'react';
 import { RowDoubleClickedEvent, RowHeightParams, RowNode } from '@ag-grid-community/core';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Box, Group, Stack } from '@mantine/core';
 import { useSetState } from '@mantine/hooks';
-import { MutableRefObject, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaLastfmSquare } from 'react-icons/fa';
 import { RiHeartFill, RiHeartLine, RiMoreFill, RiSettings2Fill } from 'react-icons/ri';
+import { SiMusicbrainz } from 'react-icons/si';
 import { generatePath, useParams } from 'react-router';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { AlbumListSort, LibraryItem, QueueSong, SortOrder } from '/@/renderer/api/types';
-import { Button, Popover } from '/@/renderer/components';
+import { Button, Popover, Spoiler } from '/@/renderer/components';
 import { MemoizedSwiperGridCarousel } from '/@/renderer/components/grid-carousel';
 import {
     TableConfigDropdown,
@@ -35,11 +38,13 @@ import { useAppFocus, useContainerQuery } from '/@/renderer/hooks';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useCurrentServer, useCurrentSong, useCurrentStatus } from '/@/renderer/store';
 import {
+    useGeneralSettings,
     usePlayButtonBehavior,
     useSettingsStoreActions,
     useTableSettings,
 } from '/@/renderer/store/settings.store';
 import { Play } from '/@/renderer/types';
+import { replaceURLWithHTMLLinks } from '/@/renderer/utils/linkify';
 
 const isFullWidthRow = (node: RowNode) => {
     return node.id?.startsWith('disc-');
@@ -53,6 +58,7 @@ const ContentContainer = styled.div`
 const DetailContainer = styled.div`
     display: flex;
     flex-direction: column;
+    gap: 2rem;
     padding: 1rem 2rem 5rem;
     overflow: hidden;
 `;
@@ -63,6 +69,7 @@ interface AlbumDetailContentProps {
 }
 
 export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentProps) => {
+    const { t } = useTranslation();
     const { albumId } = useParams() as { albumId: string };
     const server = useCurrentServer();
     const detailQuery = useAlbumDetail({ query: { id: albumId }, serverId: server?.id });
@@ -73,6 +80,7 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
     const status = useCurrentStatus();
     const isFocused = useAppFocus();
     const currentSong = useCurrentSong();
+    const { externalLinks } = useGeneralSettings();
 
     const columnDefs = useMemo(
         () => getColumnDefs(tableConfig.columns, false, 'albumDetail'),
@@ -206,7 +214,7 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                 handlePreviousPage: () => handlePreviousPage('artist'),
                 hasPreviousPage: pagination.artist > 0,
             },
-            title: 'More from this artist',
+            title: t('page.albumDetail.moreFromArtist', { postProcess: 'sentenceCase' }),
             uniqueId: 'mostPlayed',
         },
         {
@@ -217,7 +225,10 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                 (a) => a.id !== detailQuery?.data?.id,
             ).length,
             loading: relatedAlbumGenresQuery?.isLoading || relatedAlbumGenresQuery.isFetching,
-            title: `More from ${detailQuery?.data?.genres?.[0]?.name}`,
+            title: t('page.albumDetail.moreFromGeneric', {
+                item: detailQuery?.data?.genres?.[0]?.name,
+                postProcess: 'sentenceCase',
+            }),
             uniqueId: 'relatedGenres',
         },
     ];
@@ -274,6 +285,7 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
     };
 
     const showGenres = detailQuery?.data?.genres ? detailQuery?.data?.genres.length !== 0 : false;
+    const comment = detailQuery?.data?.comment;
 
     const handleGeneralContextMenu = useHandleGeneralContextMenu(
         LibraryItem.ALBUM,
@@ -308,6 +320,8 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
 
     const { rowClassRules } = useCurrentSongRowStyles({ tableRef });
 
+    const mbzId = detailQuery?.data?.mbzId;
+
     return (
         <ContentContainer>
             <LibraryBackgroundOverlay $backgroundColor={background} />
@@ -315,7 +329,6 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                 <Box component="section">
                     <Group
                         position="apart"
-                        py="1rem"
                         spacing="sm"
                     >
                         <Group>
@@ -367,10 +380,7 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                     </Group>
                 </Box>
                 {showGenres && (
-                    <Box
-                        component="section"
-                        py="1rem"
-                    >
+                    <Box component="section">
                         <Group spacing="sm">
                             {detailQuery?.data?.genres?.map((genre) => (
                                 <Button
@@ -390,6 +400,51 @@ export const AlbumDetailContent = ({ tableRef, background }: AlbumDetailContentP
                         </Group>
                     </Box>
                 )}
+                {externalLinks ? (
+                    <Box component="section">
+                        <Group spacing="sm">
+                            <Button
+                                compact
+                                component="a"
+                                href={`https://www.last.fm/music/${encodeURIComponent(
+                                    detailQuery?.data?.albumArtist || '',
+                                )}/${encodeURIComponent(detailQuery.data?.name || '')}`}
+                                radius="md"
+                                rel="noopener noreferrer"
+                                size="md"
+                                target="_blank"
+                                tooltip={{
+                                    label: t('action.openIn.lastfm'),
+                                }}
+                                variant="subtle"
+                            >
+                                <FaLastfmSquare size={25} />
+                            </Button>
+                            {mbzId ? (
+                                <Button
+                                    compact
+                                    component="a"
+                                    href={`https://musicbrainz.org/release/${mbzId}`}
+                                    radius="md"
+                                    rel="noopener noreferrer"
+                                    size="md"
+                                    target="_blank"
+                                    tooltip={{
+                                        label: t('action.openIn.musicbrainz'),
+                                    }}
+                                    variant="subtle"
+                                >
+                                    <SiMusicbrainz size={25} />
+                                </Button>
+                            ) : null}
+                        </Group>
+                    </Box>
+                ) : null}
+                {comment && (
+                    <Box component="section">
+                        <Spoiler maxHeight={75}>{replaceURLWithHTMLLinks(comment)}</Spoiler>
+                    </Box>
+                )}
                 <Box style={{ minHeight: '300px' }}>
                     <VirtualTable
                         key={`table-${tableConfig.rowHeight}`}
diff --git a/src/renderer/features/albums/components/album-detail-header.tsx b/src/renderer/features/albums/components/album-detail-header.tsx
index 7c648d144..157778f28 100644
--- a/src/renderer/features/albums/components/album-detail-header.tsx
+++ b/src/renderer/features/albums/components/album-detail-header.tsx
@@ -55,18 +55,6 @@ export const AlbumDetailHeader = forwardRef(
             });
         };
 
-        const handleClearRating = () => {
-            if (!detailQuery?.data || !detailQuery?.data.userRating) return;
-
-            updateRatingMutation.mutate({
-                query: {
-                    item: [detailQuery.data],
-                    rating: 0,
-                },
-                serverId: detailQuery.data.serverId,
-            });
-        };
-
         const showRating = detailQuery?.data?.serverType === ServerType.NAVIDROME;
 
         return (
@@ -96,7 +84,6 @@ export const AlbumDetailHeader = forwardRef(
                                         }
                                         value={detailQuery?.data?.userRating || 0}
                                         onChange={handleUpdateRating}
-                                        onClick={handleClearRating}
                                     />
                                 </>
                             )}
diff --git a/src/renderer/features/albums/components/album-list-header-filters.tsx b/src/renderer/features/albums/components/album-list-header-filters.tsx
index 049e98ce8..c1710f657 100644
--- a/src/renderer/features/albums/components/album-list-header-filters.tsx
+++ b/src/renderer/features/albums/components/album-list-header-filters.tsx
@@ -1,8 +1,9 @@
+import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { openModal } from '@mantine/modals';
 import { useQueryClient } from '@tanstack/react-query';
-import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
     RiAddBoxFill,
     RiAddCircleFill,
@@ -31,46 +32,112 @@ import {
     useListStoreByKey,
 } from '/@/renderer/store';
 import { ListDisplayType, Play, ServerType, TableColumn } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
     jellyfin: [
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: AlbumListSort.ALBUM_ARTIST },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: AlbumListSort.ALBUM_ARTIST,
+        },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Community Rating',
+            name: i18n.t('filter.communityRating', { postProcess: 'titleCase' }),
             value: AlbumListSort.COMMUNITY_RATING,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Critic Rating', value: AlbumListSort.CRITIC_RATING },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: AlbumListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Random', value: AlbumListSort.RANDOM },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Added',
+            name: i18n.t('filter.criticRating', { postProcess: 'titleCase' }),
+            value: AlbumListSort.CRITIC_RATING,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: AlbumListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: AlbumListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.random', { postProcess: 'titleCase' }),
+            value: AlbumListSort.RANDOM,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
             value: AlbumListSort.RECENTLY_ADDED,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Release Date', value: AlbumListSort.RELEASE_DATE },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.releaseDate', { postProcess: 'titleCase' }),
+            value: AlbumListSort.RELEASE_DATE,
+        },
     ],
     navidrome: [
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: AlbumListSort.ALBUM_ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Artist', value: AlbumListSort.ARTIST },
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: AlbumListSort.DURATION },
-        { defaultOrder: SortOrder.DESC, name: 'Most Played', value: AlbumListSort.PLAY_COUNT },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: AlbumListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Random', value: AlbumListSort.RANDOM },
-        { defaultOrder: SortOrder.DESC, name: 'Rating', value: AlbumListSort.RATING },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: AlbumListSort.ALBUM_ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.artist', { postProcess: 'titleCase' }),
+            value: AlbumListSort.ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: AlbumListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.mostPlayed', { postProcess: 'titleCase' }),
+            value: AlbumListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: AlbumListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.random', { postProcess: 'titleCase' }),
+            value: AlbumListSort.RANDOM,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.rating', { postProcess: 'titleCase' }),
+            value: AlbumListSort.RATING,
+        },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Added',
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
             value: AlbumListSort.RECENTLY_ADDED,
         },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Played',
+            name: i18n.t('filter.recentlyPlayed', { postProcess: 'titleCase' }),
             value: AlbumListSort.RECENTLY_PLAYED,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Song Count', value: AlbumListSort.SONG_COUNT },
-        { defaultOrder: SortOrder.DESC, name: 'Favorited', value: AlbumListSort.FAVORITED },
-        { defaultOrder: SortOrder.DESC, name: 'Year', value: AlbumListSort.YEAR },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.songCount', { postProcess: 'titleCase' }),
+            value: AlbumListSort.SONG_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.favorited', { postProcess: 'titleCase' }),
+            value: AlbumListSort.FAVORITED,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.releaseYear', { postProcess: 'titleCase' }),
+            value: AlbumListSort.YEAR,
+        },
     ],
 };
 
@@ -80,6 +147,7 @@ interface AlbumListHeaderFiltersProps {
 }
 
 export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
     const { pageKey, customFilters, handlePlay } = useListContext();
     const server = useCurrentServer();
@@ -361,7 +429,9 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                             fill: isFilterApplied ? 'var(--primary-color) !important' : undefined,
                         },
                     }}
-                    tooltip={{ label: 'Filters' }}
+                    tooltip={{
+                        label: t('common.filter', { count: 2, postProcess: 'sentenceCase' }),
+                    }}
                     variant="subtle"
                     onClick={handleOpenFiltersModal}
                 >
@@ -371,7 +441,7 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Refresh' }}
+                    tooltip={{ label: t('common.refresh', { postProcess: 'sentenceCase' }) }}
                     variant="subtle"
                     onClick={handleRefresh}
                 >
@@ -393,26 +463,26 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                             icon={<RiPlayFill />}
                             onClick={() => handlePlay?.({ playType: Play.NOW })}
                         >
-                            Play
+                            {t('player.play', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddBoxFill />}
                             onClick={() => handlePlay?.({ playType: Play.LAST })}
                         >
-                            Add to queue
+                            {t('player.addLast', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddCircleFill />}
                             onClick={() => handlePlay?.({ playType: Play.NEXT })}
                         >
-                            Add to queue next
+                            {t('player.addNext', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Divider />
                         <DropdownMenu.Item
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('common.refresh', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>
@@ -429,7 +499,9 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                         <Button
                             compact
                             size="md"
-                            tooltip={{ label: 'Configure' }}
+                            tooltip={{
+                                label: t('common.configure', { postProcess: 'sentenceCase' }),
+                            }}
                             variant="subtle"
                         >
                             <RiSettings3Fill size="1.3rem" />
@@ -442,21 +514,21 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                             value={ListDisplayType.CARD}
                             onClick={handleSetViewType}
                         >
-                            Card
+                            {t('table.config.view.card', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.POSTER}
                             value={ListDisplayType.POSTER}
                             onClick={handleSetViewType}
                         >
-                            Poster
+                            {t('table.config.view.poster', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}
                             onClick={handleSetViewType}
                         >
-                            Table
+                            {t('table.config.view.table', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         {/* <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE_PAGINATED}
@@ -466,7 +538,9 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                             Table (paginated)
                         </DropdownMenu.Item> */}
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.itemSize', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             <Slider
                                 defaultValue={isGrid ? grid?.itemSize || 0 : table.rowHeight}
@@ -477,7 +551,11 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                         </DropdownMenu.Item>
                         {isGrid && (
                             <>
-                                <DropdownMenu.Label>Item gap</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.itemGap', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item closeMenuOnClick={false}>
                                     <Slider
                                         defaultValue={grid?.itemGap || 0}
diff --git a/src/renderer/features/albums/components/album-list-header.tsx b/src/renderer/features/albums/components/album-list-header.tsx
index 0555bccf2..657802b0c 100644
--- a/src/renderer/features/albums/components/album-list-header.tsx
+++ b/src/renderer/features/albums/components/album-list-header.tsx
@@ -1,7 +1,8 @@
+import type { ChangeEvent, MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Flex, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import type { ChangeEvent, MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useListFilterRefresh } from '../../../hooks/use-list-filter-refresh';
 import { LibraryItem } from '/@/renderer/api/types';
 import { PageHeader, SearchInput } from '/@/renderer/components';
@@ -18,6 +19,7 @@ import {
     usePlayButtonBehavior,
 } from '/@/renderer/store';
 import { ListDisplayType } from '/@/renderer/types';
+import { titleCase } from '/@/renderer/utils';
 
 interface AlbumListHeaderProps {
     gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
@@ -27,6 +29,7 @@ interface AlbumListHeaderProps {
 }
 
 export const AlbumListHeader = ({ itemCount, gridRef, tableRef, title }: AlbumListHeaderProps) => {
+    const { t } = useTranslation();
     const server = useCurrentServer();
     const { setFilter, setTablePagination } = useListStoreActions();
     const cq = useContainerQuery();
@@ -69,7 +72,10 @@ export const AlbumListHeader = ({ itemCount, gridRef, tableRef, title }: AlbumLi
                         <LibraryHeaderBar.PlayButton
                             onClick={() => handlePlay?.({ playType: playButtonBehavior })}
                         />
-                        <LibraryHeaderBar.Title>{title || 'Albums'}</LibraryHeaderBar.Title>
+                        <LibraryHeaderBar.Title>
+                            {title ||
+                                titleCase(t('page.albumList.title', { postProcess: 'titleCase' }))}
+                        </LibraryHeaderBar.Title>
                         <LibraryHeaderBar.Badge
                             isLoading={itemCount === null || itemCount === undefined}
                         >
diff --git a/src/renderer/features/albums/components/jellyfin-album-filters.tsx b/src/renderer/features/albums/components/jellyfin-album-filters.tsx
index b2fbdccf9..d1133f2bf 100644
--- a/src/renderer/features/albums/components/jellyfin-album-filters.tsx
+++ b/src/renderer/features/albums/components/jellyfin-album-filters.tsx
@@ -1,6 +1,7 @@
+import { ChangeEvent, useMemo, useState } from 'react';
 import { Divider, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useListFilterByKey } from '../../../store/list.store';
 import { AlbumArtistListSort, GenreListSort, LibraryItem, SortOrder } from '/@/renderer/api/types';
 import { MultiSelect, NumberInput, SpinnerIcon, Switch, Text } from '/@/renderer/components';
@@ -23,6 +24,7 @@ export const JellyfinAlbumFilters = ({
     pageKey,
     serverId,
 }: JellyfinAlbumFiltersProps) => {
+    const { t } = useTranslation();
     const filter = useListFilterByKey({ key: pageKey });
     const { setFilter } = useListStoreActions();
 
@@ -51,7 +53,7 @@ export const JellyfinAlbumFilters = ({
 
     const toggleFilters = [
         {
-            label: 'Is favorited',
+            label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -193,7 +195,7 @@ export const JellyfinAlbumFilters = ({
                 <NumberInput
                     defaultValue={filter?._custom?.jellyfin?.minYear}
                     hideControls={false}
-                    label="From year"
+                    label={t('filter.fromYear', { postProcess: 'sentenceCase' })}
                     max={2300}
                     min={1700}
                     required={!!filter?._custom?.jellyfin?.maxYear}
@@ -202,7 +204,7 @@ export const JellyfinAlbumFilters = ({
                 <NumberInput
                     defaultValue={filter?._custom?.jellyfin?.maxYear}
                     hideControls={false}
-                    label="To year"
+                    label={t('filter.toYear', { postProcess: 'sentenceCase' })}
                     max={2300}
                     min={1700}
                     required={!!filter?._custom?.jellyfin?.minYear}
@@ -215,7 +217,7 @@ export const JellyfinAlbumFilters = ({
                     searchable
                     data={genreList}
                     defaultValue={selectedGenres}
-                    label="Genres"
+                    label={t('entity.genre', { count: 2, postProcess: 'sentenceCase' })}
                     onChange={handleGenresFilter}
                 />
             </Group>
@@ -227,7 +229,7 @@ export const JellyfinAlbumFilters = ({
                     data={selectableAlbumArtists}
                     defaultValue={filter?._custom?.jellyfin?.AlbumArtistIds?.split(',')}
                     disabled={disableArtistFilter}
-                    label="Artist"
+                    label={t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
                     limit={300}
                     placeholder="Type to search for an artist"
                     rightSection={albumArtistListQuery.isFetching ? <SpinnerIcon /> : undefined}
diff --git a/src/renderer/features/albums/components/navidrome-album-filters.tsx b/src/renderer/features/albums/components/navidrome-album-filters.tsx
index 981258ed1..efb39f61f 100644
--- a/src/renderer/features/albums/components/navidrome-album-filters.tsx
+++ b/src/renderer/features/albums/components/navidrome-album-filters.tsx
@@ -6,6 +6,7 @@ import debounce from 'lodash/debounce';
 import { useGenreList } from '/@/renderer/features/genres';
 import { useAlbumArtistList } from '/@/renderer/features/artists/queries/album-artist-list-query';
 import { AlbumArtistListSort, GenreListSort, LibraryItem, SortOrder } from '/@/renderer/api/types';
+import { useTranslation } from 'react-i18next';
 
 interface NavidromeAlbumFiltersProps {
     customFilters?: Partial<AlbumListFilter>;
@@ -22,6 +23,7 @@ export const NavidromeAlbumFilters = ({
     pageKey,
     serverId,
 }: NavidromeAlbumFiltersProps) => {
+    const { t } = useTranslation();
     const { filter } = useListStoreByKey({ key: pageKey });
     const { setFilter } = useListStoreActions();
 
@@ -62,7 +64,7 @@ export const NavidromeAlbumFilters = ({
 
     const toggleFilters = [
         {
-            label: 'Is rated',
+            label: t('filter.isRated', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -83,7 +85,7 @@ export const NavidromeAlbumFilters = ({
             value: filter._custom?.navidrome?.has_rating,
         },
         {
-            label: 'Is favorited',
+            label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -104,7 +106,7 @@ export const NavidromeAlbumFilters = ({
             value: filter._custom?.navidrome?.starred,
         },
         {
-            label: 'Is compilation',
+            label: t('filter.isCompilation', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -125,7 +127,7 @@ export const NavidromeAlbumFilters = ({
             value: filter._custom?.navidrome?.compilation,
         },
         {
-            label: 'Is recently played',
+            label: t('filter.isRecentlyPlayed', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -226,7 +228,7 @@ export const NavidromeAlbumFilters = ({
                 <NumberInput
                     defaultValue={filter._custom?.navidrome?.year}
                     hideControls={false}
-                    label="Year"
+                    label={t('common.year', { postProcess: 'titleCase' })}
                     max={5000}
                     min={0}
                     onChange={(e) => handleYearFilter(e)}
@@ -236,7 +238,7 @@ export const NavidromeAlbumFilters = ({
                     searchable
                     data={genreList}
                     defaultValue={filter._custom?.navidrome?.genre_id}
-                    label="Genre"
+                    label={t('entity.genre', { count: 1, postProcess: 'titleCase' })}
                     onChange={handleGenresFilter}
                 />
             </Group>
@@ -247,9 +249,8 @@ export const NavidromeAlbumFilters = ({
                     data={selectableAlbumArtists}
                     defaultValue={filter._custom?.navidrome?.artist_id}
                     disabled={disableArtistFilter}
-                    label="Artist"
+                    label={t('entity.artist', { count: 1, postProcess: 'titleCase' })}
                     limit={300}
-                    placeholder="Type to search for an artist"
                     rightSection={albumArtistListQuery.isFetching ? <SpinnerIcon /> : undefined}
                     searchValue={albumArtistSearchTerm}
                     onChange={handleAlbumArtistFilter}
diff --git a/src/renderer/features/artists/components/album-artist-detail-content.tsx b/src/renderer/features/artists/components/album-artist-detail-content.tsx
index 3d744aeed..3f8beec6e 100644
--- a/src/renderer/features/artists/components/album-artist-detail-content.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-content.tsx
@@ -1,7 +1,10 @@
+import { useMemo } from 'react';
 import { ColDef, RowDoubleClickedEvent } from '@ag-grid-community/core';
 import { Box, Group, Stack } from '@mantine/core';
-import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaLastfmSquare } from 'react-icons/fa';
 import { RiHeartFill, RiHeartLine, RiMoreFill } from 'react-icons/ri';
+import { SiMusicbrainz } from 'react-icons/si';
 import { generatePath, useParams } from 'react-router';
 import { createSearchParams, Link } from 'react-router-dom';
 import styled from 'styled-components';
@@ -14,7 +17,7 @@ import {
     ServerType,
     SortOrder,
 } from '/@/renderer/api/types';
-import { Button, Text, TextTitle } from '/@/renderer/components';
+import { Button, Spoiler, TextTitle } from '/@/renderer/components';
 import { MemoizedSwiperGridCarousel } from '/@/renderer/components/grid-carousel';
 import { getColumnDefs, VirtualTable } from '/@/renderer/components/virtual-table';
 import { useAlbumList } from '/@/renderer/features/albums/queries/album-list-query';
@@ -34,7 +37,7 @@ import { LibraryBackgroundOverlay } from '/@/renderer/features/shared/components
 import { useContainerQuery } from '/@/renderer/hooks';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useCurrentServer } from '/@/renderer/store';
-import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
+import { useGeneralSettings, usePlayButtonBehavior } from '/@/renderer/store/settings.store';
 import { CardRow, Play, TableColumn } from '/@/renderer/types';
 
 const ContentContainer = styled.div`
@@ -45,7 +48,7 @@ const ContentContainer = styled.div`
 const DetailContainer = styled.div`
     display: flex;
     flex-direction: column;
-    gap: 3rem;
+    gap: 2rem;
     padding: 1rem 2rem 5rem;
     overflow: hidden;
 
@@ -59,6 +62,8 @@ interface AlbumArtistDetailContentProps {
 }
 
 export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailContentProps) => {
+    const { t } = useTranslation();
+    const { externalLinks } = useGeneralSettings();
     const { albumArtistId } = useParams() as { albumArtistId: string };
     const cq = useContainerQuery();
     const handlePlayQueueAdd = usePlayQueueAdd();
@@ -208,7 +213,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                             order={2}
                             weight={700}
                         >
-                            Recent releases
+                            {t('page.albumArtistDetail.recentReleases', {
+                                postProcess: 'sentenceCase',
+                            })}
                         </TextTitle>
                         <Button
                             compact
@@ -217,7 +224,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                             to={artistDiscographyLink}
                             variant="subtle"
                         >
-                            View discography
+                            {t('page.albumArtistDetail.viewDiscography')}
                         </Button>
                     </Group>
                 ),
@@ -233,7 +240,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                         order={2}
                         weight={700}
                     >
-                        Appears on
+                        {t('page.albumArtistDetail.appearsOn', { postProcess: 'sentenceCase' })}
                     </TextTitle>
                 ),
                 uniqueId: 'compilationAlbums',
@@ -247,7 +254,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                         order={2}
                         weight={700}
                     >
-                        Related artists
+                        {t('page.albumArtistDetail.relatedArtists', {
+                            postProcess: 'sentenceCase',
+                        })}
                     </TextTitle>
                 ),
                 uniqueId: 'similarArtists',
@@ -262,6 +271,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
         recentAlbumsQuery?.data?.items,
         recentAlbumsQuery.isFetching,
         recentAlbumsQuery?.isLoading,
+        t,
     ]);
 
     const playButtonBehavior = usePlayButtonBehavior();
@@ -324,6 +334,7 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
         detailQuery?.data?.biography !== undefined && detailQuery?.data?.biography !== null;
     const showTopSongs = topSongsQuery?.data?.items?.length;
     const showGenres = detailQuery?.data?.genres ? detailQuery?.data?.genres.length !== 0 : false;
+    const mbzId = detailQuery?.data?.mbz;
 
     const isLoading =
         detailQuery?.isLoading ||
@@ -335,61 +346,58 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
         <ContentContainer ref={cq.ref}>
             <LibraryBackgroundOverlay $backgroundColor={background} />
             <DetailContainer>
-                <Stack spacing="lg">
-                    <Group spacing="md">
-                        <PlayButton onClick={() => handlePlay(playButtonBehavior)} />
-                        <Group spacing="xs">
-                            <Button
-                                compact
-                                loading={
-                                    createFavoriteMutation.isLoading ||
-                                    deleteFavoriteMutation.isLoading
-                                }
-                                variant="subtle"
-                                onClick={handleFavorite}
-                            >
-                                {detailQuery?.data?.userFavorite ? (
-                                    <RiHeartFill
-                                        color="red"
-                                        size={20}
-                                    />
-                                ) : (
-                                    <RiHeartLine size={20} />
-                                )}
-                            </Button>
-                            <Button
-                                compact
-                                variant="subtle"
-                                onClick={(e) => {
-                                    if (!detailQuery?.data) return;
-                                    handleGeneralContextMenu(e, [detailQuery.data!]);
-                                }}
-                            >
-                                <RiMoreFill size={20} />
-                            </Button>
-                        </Group>
-                    </Group>
-                    <Group spacing="md">
+                <Group spacing="md">
+                    <PlayButton onClick={() => handlePlay(playButtonBehavior)} />
+                    <Group spacing="xs">
                         <Button
                             compact
-                            uppercase
-                            component={Link}
-                            to={artistDiscographyLink}
+                            loading={
+                                createFavoriteMutation.isLoading || deleteFavoriteMutation.isLoading
+                            }
                             variant="subtle"
+                            onClick={handleFavorite}
                         >
-                            View discography
+                            {detailQuery?.data?.userFavorite ? (
+                                <RiHeartFill
+                                    color="red"
+                                    size={20}
+                                />
+                            ) : (
+                                <RiHeartLine size={20} />
+                            )}
                         </Button>
                         <Button
                             compact
-                            uppercase
-                            component={Link}
-                            to={artistSongsLink}
                             variant="subtle"
+                            onClick={(e) => {
+                                if (!detailQuery?.data) return;
+                                handleGeneralContextMenu(e, [detailQuery.data!]);
+                            }}
                         >
-                            View all songs
+                            <RiMoreFill size={20} />
                         </Button>
                     </Group>
-                </Stack>
+                </Group>
+                <Group spacing="md">
+                    <Button
+                        compact
+                        uppercase
+                        component={Link}
+                        to={artistDiscographyLink}
+                        variant="subtle"
+                    >
+                        {t('page.albumArtistDetail.viewDiscography')}
+                    </Button>
+                    <Button
+                        compact
+                        uppercase
+                        component={Link}
+                        to={artistSongsLink}
+                        variant="subtle"
+                    >
+                        {t('page.albumArtistDetail.viewAllTracks')}
+                    </Button>
+                </Group>
                 {showGenres ? (
                     <Box component="section">
                         <Group spacing="sm">
@@ -411,6 +419,46 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                         </Group>
                     </Box>
                 ) : null}
+                {externalLinks ? (
+                    <Box component="section">
+                        <Group spacing="sm">
+                            <Button
+                                compact
+                                component="a"
+                                href={`https://www.last.fm/music/${encodeURIComponent(
+                                    detailQuery?.data?.name || '',
+                                )}`}
+                                radius="md"
+                                rel="noopener noreferrer"
+                                size="md"
+                                target="_blank"
+                                tooltip={{
+                                    label: t('action.openIn.lastfm'),
+                                }}
+                                variant="subtle"
+                            >
+                                <FaLastfmSquare size={25} />
+                            </Button>
+                            {mbzId ? (
+                                <Button
+                                    compact
+                                    component="a"
+                                    href={`https://musicbrainz.org/artist/${mbzId}`}
+                                    radius="md"
+                                    rel="noopener noreferrer"
+                                    size="md"
+                                    target="_blank"
+                                    tooltip={{
+                                        label: t('action.openIn.musicbrainz'),
+                                    }}
+                                    variant="subtle"
+                                >
+                                    <SiMusicbrainz size={25} />
+                                </Button>
+                            ) : null}
+                        </Group>
+                    </Box>
+                ) : null}
                 {showBiography ? (
                     <Box
                         component="section"
@@ -420,13 +468,12 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                             order={2}
                             weight={700}
                         >
-                            About {detailQuery?.data?.name}
+                            {t('page.albumArtistDetail.about', {
+                                artist: detailQuery?.data?.name,
+                            })}
                         </TextTitle>
-                        <Text
-                            $secondary
-                            component="p"
+                        <Spoiler
                             dangerouslySetInnerHTML={{ __html: detailQuery?.data?.biography || '' }}
-                            sx={{ textAlign: 'justify' }}
                         />
                     </Box>
                 ) : null}
@@ -444,7 +491,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                                     order={2}
                                     weight={700}
                                 >
-                                    Top Songs
+                                    {t('page.albumArtistDetail.topSongs', {
+                                        postProcess: 'sentenceCase',
+                                    })}
                                 </TextTitle>
                                 <Button
                                     compact
@@ -458,7 +507,9 @@ export const AlbumArtistDetailContent = ({ background }: AlbumArtistDetailConten
                                     )}
                                     variant="subtle"
                                 >
-                                    View all
+                                    {t('page.albumArtistDetail.viewAll', {
+                                        postProcess: 'sentenceCase',
+                                    })}
                                 </Button>
                             </Group>
                         </Group>
diff --git a/src/renderer/features/artists/components/album-artist-detail-header.tsx b/src/renderer/features/artists/components/album-artist-detail-header.tsx
index 1131f9e88..06bdaa02d 100644
--- a/src/renderer/features/artists/components/album-artist-detail-header.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-header.tsx
@@ -1,4 +1,4 @@
-import { forwardRef, Fragment, Ref, MouseEvent } from 'react';
+import { forwardRef, Fragment, Ref } from 'react';
 import { Group, Rating, Stack } from '@mantine/core';
 import { useParams } from 'react-router';
 import { LibraryItem, ServerType } from '/@/renderer/api/types';
@@ -55,21 +55,6 @@ export const AlbumArtistDetailHeader = forwardRef(
             });
         };
 
-        const handleClearRating = (_e: MouseEvent<HTMLDivElement>, rating?: number) => {
-            if (!detailQuery?.data || !detailQuery?.data.userRating) return;
-
-            const isSameRatingAsPrevious = rating === detailQuery.data.userRating;
-            if (!isSameRatingAsPrevious) return;
-
-            updateRatingMutation.mutate({
-                query: {
-                    item: [detailQuery.data],
-                    rating: 0,
-                },
-                serverId: detailQuery.data.serverId,
-            });
-        };
-
         const showRating = detailQuery?.data?.serverType === ServerType.NAVIDROME;
 
         return (
@@ -99,7 +84,6 @@ export const AlbumArtistDetailHeader = forwardRef(
                                     }
                                     value={detailQuery?.data?.userRating || 0}
                                     onChange={handleUpdateRating}
-                                    onClick={handleClearRating}
                                 />
                             </>
                         )}
diff --git a/src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx b/src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx
index f11c8f0cc..bec3e7dcc 100644
--- a/src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx
+++ b/src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 import { RiAddBoxFill, RiAddCircleFill, RiMoreFill, RiPlayFill } from 'react-icons/ri';
 import { QueueSong } from '/@/renderer/api/types';
 import { Button, DropdownMenu, PageHeader, SpinnerIcon, Paper } from '/@/renderer/components';
@@ -17,6 +18,7 @@ export const AlbumArtistDetailTopSongsListHeader = ({
     itemCount,
     data,
 }: AlbumArtistDetailTopSongsListHeaderProps) => {
+    const { t } = useTranslation();
     const handlePlayQueueAdd = usePlayQueueAdd();
     const playButtonBehavior = usePlayButtonBehavior();
 
@@ -31,7 +33,9 @@ export const AlbumArtistDetailTopSongsListHeader = ({
         <PageHeader p="1rem">
             <LibraryHeaderBar>
                 <LibraryHeaderBar.PlayButton onClick={() => handlePlay(playButtonBehavior)} />
-                <LibraryHeaderBar.Title>Top songs from {title}</LibraryHeaderBar.Title>
+                <LibraryHeaderBar.Title>
+                    {t('page.albumArtistDetail.topSongsFrom', { title })}
+                </LibraryHeaderBar.Title>
                 <Paper
                     fw="600"
                     px="1rem"
@@ -55,19 +59,19 @@ export const AlbumArtistDetailTopSongsListHeader = ({
                             icon={<RiPlayFill />}
                             onClick={() => handlePlay(Play.NOW)}
                         >
-                            Play
+                            {t('player.play', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddBoxFill />}
                             onClick={() => handlePlay(Play.LAST)}
                         >
-                            Add to queue
+                            {t('player.addLast', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddCircleFill />}
                             onClick={() => handlePlay(Play.NEXT)}
                         >
-                            Add to queue next
+                            {t('player.addNext', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>
diff --git a/src/renderer/features/artists/components/album-artist-list-header-filters.tsx b/src/renderer/features/artists/components/album-artist-list-header-filters.tsx
index 219264edb..9bac50bb9 100644
--- a/src/renderer/features/artists/components/album-artist-list-header-filters.tsx
+++ b/src/renderer/features/artists/components/album-artist-list-header-filters.tsx
@@ -1,9 +1,10 @@
+import { ChangeEvent, MouseEvent, MutableRefObject, useCallback } from 'react';
 import { IDatasource } from '@ag-grid-community/core';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { useQueryClient } from '@tanstack/react-query';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, MouseEvent, MutableRefObject, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiFolder2Line, RiMoreFill, RiRefreshLine, RiSettings3Fill } from 'react-icons/ri';
 import { useListContext } from '../../../context/list-context';
 import { api } from '/@/renderer/api';
@@ -21,16 +22,33 @@ import {
     useListStoreByKey,
 } from '/@/renderer/store';
 import { ListDisplayType, ServerType, TableColumn } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
     jellyfin: [
-        { defaultOrder: SortOrder.ASC, name: 'Album', value: AlbumArtistListSort.ALBUM },
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: AlbumArtistListSort.DURATION },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: AlbumArtistListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Random', value: AlbumArtistListSort.RANDOM },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.ALBUM,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.random', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.RANDOM,
+        },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Added',
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
             value: AlbumArtistListSort.RECENTLY_ADDED,
         },
         // { defaultOrder: SortOrder.DESC, name: 'Release Date', value: AlbumArtistListSort.RELEASE_DATE },
@@ -38,18 +56,34 @@ const FILTERS = {
     navidrome: [
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Album Count',
+            name: i18n.t('filter.albumCount', { postProcess: 'titleCase' }),
             value: AlbumArtistListSort.ALBUM_COUNT,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Favorited', value: AlbumArtistListSort.FAVORITED },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Most Played',
+            name: i18n.t('filter.isFavorited', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.FAVORITED,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.mostPlayed', { postProcess: 'titleCase' }),
             value: AlbumArtistListSort.PLAY_COUNT,
         },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: AlbumArtistListSort.NAME },
-        { defaultOrder: SortOrder.DESC, name: 'Rating', value: AlbumArtistListSort.RATING },
-        { defaultOrder: SortOrder.DESC, name: 'Song Count', value: AlbumArtistListSort.SONG_COUNT },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.rating', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.RATING,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.songCount', { postProcess: 'titleCase' }),
+            value: AlbumArtistListSort.SONG_COUNT,
+        },
     ],
 };
 
@@ -62,6 +96,7 @@ export const AlbumArtistListHeaderFilters = ({
     gridRef,
     tableRef,
 }: AlbumArtistListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
     const server = useCurrentServer();
     const { pageKey } = useListContext();
@@ -77,7 +112,7 @@ export const AlbumArtistListHeaderFilters = ({
         (server?.type &&
             FILTERS[server.type as keyof typeof FILTERS].find((f) => f.value === filter.sortBy)
                 ?.name) ||
-        'Unknown';
+        t('common.unknown', { postProcess: 'titleCase' });
 
     const handleItemSize = (e: number) => {
         if (display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) {
@@ -359,7 +394,7 @@ export const AlbumArtistListHeaderFilters = ({
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Refresh' }}
+                    tooltip={{ label: t('common.refresh', { postProcess: 'titleCase' }) }}
                     variant="subtle"
                     onClick={handleRefresh}
                 >
@@ -407,21 +442,27 @@ export const AlbumArtistListHeaderFilters = ({
                             value={ListDisplayType.CARD}
                             onClick={handleSetViewType}
                         >
-                            Card
+                            {t('table.config.view.card', {
+                                postProcess: 'sentenceCase',
+                            })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.POSTER}
                             value={ListDisplayType.POSTER}
                             onClick={handleSetViewType}
                         >
-                            Poster
+                            {t('table.config.view.poster', {
+                                postProcess: 'sentenceCase',
+                            })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}
                             onClick={handleSetViewType}
                         >
-                            Table
+                            {t('table.config.view.table', {
+                                postProcess: 'sentenceCase',
+                            })}
                         </DropdownMenu.Item>
                         {/* <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE_PAGINATED}
@@ -431,7 +472,9 @@ export const AlbumArtistListHeaderFilters = ({
                             Table (paginated)
                         </DropdownMenu.Item> */}
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.itemSize', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             {display === ListDisplayType.CARD ||
                             display === ListDisplayType.POSTER ? (
@@ -452,7 +495,11 @@ export const AlbumArtistListHeaderFilters = ({
                         </DropdownMenu.Item>
                         {isGrid && (
                             <>
-                                <DropdownMenu.Label>Item gap</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.itemGap', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item closeMenuOnClick={false}>
                                     <Slider
                                         defaultValue={grid?.itemGap || 0}
@@ -465,7 +512,11 @@ export const AlbumArtistListHeaderFilters = ({
                         )}
                         {!isGrid && (
                             <>
-                                <DropdownMenu.Label>Table Columns</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.tableColumns', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item
                                     closeMenuOnClick={false}
                                     component="div"
@@ -482,7 +533,11 @@ export const AlbumArtistListHeaderFilters = ({
                                             onChange={handleTableColumns}
                                         />
                                         <Group position="apart">
-                                            <Text>Auto Fit Columns</Text>
+                                            <Text>
+                                                {t('table.config.general.autoFitColumns', {
+                                                    postProcess: 'sentenceCase',
+                                                })}
+                                            </Text>
                                             <Switch
                                                 defaultChecked={table.autoFit}
                                                 onChange={handleAutoFitColumns}
diff --git a/src/renderer/features/artists/components/album-artist-list-header.tsx b/src/renderer/features/artists/components/album-artist-list-header.tsx
index 86bd60623..b2048cab6 100644
--- a/src/renderer/features/artists/components/album-artist-list-header.tsx
+++ b/src/renderer/features/artists/components/album-artist-list-header.tsx
@@ -1,7 +1,8 @@
+import type { ChangeEvent, MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Flex, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import type { ChangeEvent, MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useListContext } from '../../../context/list-context';
 import { useListStoreByKey } from '../../../store/list.store';
 import { FilterBar } from '../../shared/components/filter-bar';
@@ -26,6 +27,7 @@ export const AlbumArtistListHeader = ({
     gridRef,
     tableRef,
 }: AlbumArtistListHeaderProps) => {
+    const { t } = useTranslation();
     const server = useCurrentServer();
     const { pageKey } = useListContext();
     const { display, filter } = useListStoreByKey({ key: pageKey });
@@ -64,7 +66,9 @@ export const AlbumArtistListHeader = ({
                     w="100%"
                 >
                     <LibraryHeaderBar>
-                        <LibraryHeaderBar.Title>Album Artists</LibraryHeaderBar.Title>
+                        <LibraryHeaderBar.Title>
+                            {t('page.albumArtistList.title', { postProcess: 'titleCase' })}
+                        </LibraryHeaderBar.Title>
                         <LibraryHeaderBar.Badge
                             isLoading={itemCount === null || itemCount === undefined}
                         >
diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx
index 19937b86b..83cce0297 100644
--- a/src/renderer/features/context-menu/context-menu-provider.tsx
+++ b/src/renderer/features/context-menu/context-menu-provider.tsx
@@ -11,6 +11,7 @@ import {
 import { closeAllModals, openContextModal, openModal } from '@mantine/modals';
 import { AnimatePresence } from 'framer-motion';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import {
     RiAddBoxFill,
     RiAddCircleFill,
@@ -50,7 +51,7 @@ import {
     usePlayerStore,
     useQueueControls,
 } from '/@/renderer/store';
-import { usePlayerType } from '/@/renderer/store/settings.store';
+import { usePlaybackType } from '/@/renderer/store/settings.store';
 import { Play, PlaybackType } from '/@/renderer/types';
 
 type ContextMenuContextProps = {
@@ -87,6 +88,7 @@ export interface ContextMenuProviderProps {
 }
 
 export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
+    const { t } = useTranslation();
     const [opened, setOpened] = useState(false);
     const clickOutsideRef = useClickOutside(() => setOpened(false));
 
@@ -229,7 +231,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     onError: (err) => {
                         toast.error({
                             message: err.message,
-                            title: 'Error deleting playlist',
+                            title: t('error.genericError', { postProcess: 'sentenceCase' }),
                         });
                     },
                     onSuccess: () => {
@@ -245,14 +247,14 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         }
 
         closeAllModals();
-    }, [ctx, deletePlaylistMutation]);
+    }, [ctx, deletePlaylistMutation, t]);
 
     const openDeletePlaylistModal = useCallback(() => {
         openModal({
             children: (
                 <ConfirmModal onConfirm={handleDeletePlaylist}>
                     <Stack>
-                        <Text>Are you sure you want to delete the following playlist(s)?</Text>
+                        <Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
                         <ul>
                             {ctx.data.map((item) => (
                                 <li key={item.id}>
@@ -265,9 +267,9 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     </Stack>
                 </ConfirmModal>
             ),
-            title: 'Delete playlist(s)',
+            title: t('page.contextMenu.deletePlaylist', { postProcess: 'titleCase' }),
         });
-    }, [ctx.data, handleDeletePlaylist]);
+    }, [ctx.data, handleDeletePlaylist, t]);
 
     const createFavoriteMutation = useCreateFavorite({});
     const deleteFavoriteMutation = useDeleteFavorite({});
@@ -301,7 +303,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                         onError: (err) => {
                             toast.error({
                                 message: err.message,
-                                title: 'Error adding to favorites',
+                                title: t('error.genericError', { postProcess: 'sentenceCase' }),
                             });
                         },
                         onSuccess: () => {
@@ -337,14 +339,14 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                         onError: (err) => {
                             toast.error({
                                 message: err.message,
-                                title: 'Error adding to favorites',
+                                title: t('error.genericError', { postProcess: 'sentenceCase' }),
                             });
                         },
                     },
                 );
             }
         }
-    }, [createFavoriteMutation, ctx.data, ctx.dataNodes, ctx.type]);
+    }, [createFavoriteMutation, ctx.data, ctx.dataNodes, ctx.type, t]);
 
     const handleRemoveFromFavorites = useCallback(() => {
         if (!ctx.dataNodes && !ctx.data) return;
@@ -434,6 +436,9 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     case LibraryItem.ALBUM:
                         albumId.push(item.id);
                         break;
+                    case LibraryItem.ALBUM_ARTIST:
+                        artistId.push(item.id);
+                        break;
                     case LibraryItem.ARTIST:
                         artistId.push(item.id);
                         break;
@@ -456,9 +461,9 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
             },
             modal: 'addToPlaylist',
             size: 'md',
-            title: 'Add to playlist',
+            title: t('page.contextMenu.addToPlaylist', { postProcess: 'sentenceCase' }),
         });
-    }, [ctx.data, ctx.dataNodes]);
+    }, [ctx.data, ctx.dataNodes, t]);
 
     const removeFromPlaylistMutation = useRemoveFromPlaylist();
 
@@ -481,13 +486,10 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     onError: (err) => {
                         toast.error({
                             message: err.message,
-                            title: 'Error removing song(s) from playlist',
+                            title: t('error.genericError', { postProcess: 'sentenceCase' }),
                         });
                     },
                     onSuccess: () => {
-                        toast.success({
-                            message: `${songId.length} song(s) were removed from the playlist`,
-                        });
                         ctx.context?.tableRef?.current?.api?.refreshInfiniteCache();
                         closeAllModals();
                     },
@@ -501,10 +503,10 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     loading={removeFromPlaylistMutation.isLoading}
                     onConfirm={confirm}
                 >
-                    Are you sure you want to remove the following song(s) from the playlist?
+                    {t('common.areYouSure', { postProcess: 'sentenceCase' })}
                 </ConfirmModal>
             ),
-            title: 'Remove song(s) from playlist',
+            title: t('page.contextMenu.removeFromPlaylist', { postProcess: 'sentenceCase' }),
         });
     }, [
         ctx.context?.playlistId,
@@ -513,6 +515,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         ctx.dataNodes,
         removeFromPlaylistMutation,
         serverType,
+        t,
     ]);
 
     const updateRatingMutation = useSetRating({});
@@ -572,7 +575,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         [ctx.data, ctx.dataNodes, updateRatingMutation],
     );
 
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const { moveToBottomOfQueue, moveToTopOfQueue, removeFromQueue } = useQueueControls();
 
     const handleMoveToBottom = useCallback(() => {
@@ -581,10 +584,10 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
 
         const playerData = moveToBottomOfQueue(uniqueIds);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
-    }, [ctx.dataNodes, moveToBottomOfQueue, playerType]);
+    }, [ctx.dataNodes, moveToBottomOfQueue, playbackType]);
 
     const handleMoveToTop = useCallback(() => {
         const uniqueIds = ctx.dataNodes?.map((row) => row.data.uniqueId);
@@ -592,10 +595,10 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
 
         const playerData = moveToTopOfQueue(uniqueIds);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
-    }, [ctx.dataNodes, moveToTopOfQueue, playerType]);
+    }, [ctx.dataNodes, moveToTopOfQueue, playbackType]);
 
     const handleRemoveSelected = useCallback(() => {
         const uniqueIds = ctx.dataNodes?.map((row) => row.data.uniqueId);
@@ -605,7 +608,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         const playerData = removeFromQueue(uniqueIds);
         const isCurrentSongRemoved = currentSong && uniqueIds.includes(currentSong?.uniqueId);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             if (isCurrentSongRemoved) {
                 mpvPlayer!.setQueue(playerData);
             } else {
@@ -613,10 +616,12 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
             }
         }
 
+        ctx.tableApi?.redrawRows();
+
         if (isCurrentSongRemoved) {
             remote?.updateSong({ song: playerData.current.song });
         }
-    }, [ctx.dataNodes, playerType, removeFromQueue]);
+    }, [ctx.dataNodes, ctx.tableApi, playbackType, removeFromQueue]);
 
     const handleDeselectAll = useCallback(() => {
         ctx.tableApi?.deselectAll();
@@ -626,74 +631,78 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         return {
             addToFavorites: {
                 id: 'addToFavorites',
-                label: 'Add favorite',
+                label: t('page.contextMenu.addToFavorites', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiHeartFill size="1.1rem" />,
                 onClick: handleAddToFavorites,
             },
             addToPlaylist: {
                 id: 'addToPlaylist',
-                label: 'Add to playlist',
+                label: t('page.contextMenu.addToPlaylist', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiPlayListAddFill size="1.1rem" />,
                 onClick: handleAddToPlaylist,
             },
-            createPlaylist: { id: 'createPlaylist', label: 'Create playlist', onClick: () => {} },
+            createPlaylist: {
+                id: 'createPlaylist',
+                label: t('page.contextMenu.createPlaylist', { postProcess: 'sentenceCase' }),
+                onClick: () => {},
+            },
             deletePlaylist: {
                 id: 'deletePlaylist',
-                label: 'Delete playlist',
+                label: t('page.contextMenu.deletePlaylist', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiDeleteBinFill size="1.1rem" />,
                 onClick: openDeletePlaylistModal,
             },
             deselectAll: {
                 id: 'deselectAll',
-                label: 'Deselect all',
+                label: t('page.contextMenu.deselectAll', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiCloseCircleLine size="1.1rem" />,
                 onClick: handleDeselectAll,
             },
             moveToBottomOfQueue: {
                 id: 'moveToBottomOfQueue',
-                label: 'Move to bottom',
+                label: t('page.contextMenu.moveToBottom', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiArrowDownLine size="1.1rem" />,
                 onClick: handleMoveToBottom,
             },
             moveToTopOfQueue: {
                 id: 'moveToTopOfQueue',
-                label: 'Move to top',
+                label: t('page.contextMenu.moveToTop', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiArrowUpLine size="1.1rem" />,
                 onClick: handleMoveToTop,
             },
             play: {
                 id: 'play',
-                label: 'Play',
+                label: t('page.contextMenu.play', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiPlayFill size="1.1rem" />,
                 onClick: () => handlePlay(Play.NOW),
             },
             playLast: {
                 id: 'playLast',
-                label: 'Add to queue',
+                label: t('page.contextMenu.addLast', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiAddBoxFill size="1.1rem" />,
                 onClick: () => handlePlay(Play.LAST),
             },
             playNext: {
                 id: 'playNext',
-                label: 'Add to queue next',
+                label: t('page.contextMenu.addNext', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiAddCircleFill size="1.1rem" />,
                 onClick: () => handlePlay(Play.NEXT),
             },
             removeFromFavorites: {
                 id: 'removeFromFavorites',
-                label: 'Remove favorite',
+                label: t('page.contextMenu.removeFromFavorites', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiDislikeFill size="1.1rem" />,
                 onClick: handleRemoveFromFavorites,
             },
             removeFromPlaylist: {
                 id: 'removeFromPlaylist',
-                label: 'Remove from playlist',
+                label: t('page.contextMenu.removeFromPlaylist', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiDeleteBinFill size="1.1rem" />,
                 onClick: handleRemoveFromPlaylist,
             },
             removeFromQueue: {
-                id: 'moveToBottomOfQueue',
-                label: 'Remove songs',
+                id: 'removeSongs',
+                label: t('page.contextMenu.removeFromQueue', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiDeleteBinFill size="1.1rem" />,
                 onClick: handleRemoveSelected,
             },
@@ -705,7 +714,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={0}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(0),
@@ -716,7 +724,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={1}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(1),
@@ -727,7 +734,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={2}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(2),
@@ -738,7 +744,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={3}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(3),
@@ -749,7 +754,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={4}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(4),
@@ -760,7 +764,6 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                             <Rating
                                 readOnly
                                 value={5}
-                                onClick={() => {}}
                             />
                         ),
                         onClick: () => handleUpdateRating(5),
@@ -785,6 +788,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
         handleRemoveSelected,
         handleUpdateRating,
         openDeletePlaylistModal,
+        t,
     ]);
 
     const mergedRef = useMergedRef(ref, clickOutsideRef);
@@ -889,7 +893,10 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                                     size="sm"
                                 />
                                 <ContextMenuButton disabled>
-                                    {ctx.data?.length} selected
+                                    {t('page.contextMenu.numberSelected', {
+                                        count: ctx.data?.length || 0,
+                                        postProcess: 'lowerCase',
+                                    })}
                                 </ContextMenuButton>
                             </Stack>
                         </ContextMenu>
diff --git a/src/renderer/features/discord-rpc/use-discord-rpc.ts b/src/renderer/features/discord-rpc/use-discord-rpc.ts
new file mode 100644
index 000000000..989405d7b
--- /dev/null
+++ b/src/renderer/features/discord-rpc/use-discord-rpc.ts
@@ -0,0 +1,122 @@
+/* eslint-disable consistent-return */
+import isElectron from 'is-electron';
+import { useCallback, useEffect, useRef } from 'react';
+import {
+    useCurrentSong,
+    useCurrentStatus,
+    useDiscordSetttings,
+    usePlayerStore,
+} from '/@/renderer/store';
+import { SetActivity } from '@xhayper/discord-rpc';
+import { PlayerStatus, ServerType } from '/@/renderer/types';
+
+const discordRpc = isElectron() ? window.electron.discordRpc : null;
+
+export const useDiscordRpc = () => {
+    const intervalRef = useRef(0);
+    const discordSettings = useDiscordSetttings();
+    const currentSong = useCurrentSong();
+    const currentStatus = useCurrentStatus();
+
+    const setActivity = useCallback(async () => {
+        if (!discordSettings.enableIdle && currentStatus === PlayerStatus.PAUSED) {
+            discordRpc?.clearActivity();
+            return;
+        }
+
+        const currentTime = usePlayerStore.getState().current.time;
+
+        const now = Date.now();
+        const start = currentTime ? Math.round(now - currentTime * 1000) : null;
+        const end =
+            currentSong?.duration && start ? Math.round(start + currentSong.duration) : null;
+
+        const artists = currentSong?.artists.map((artist) => artist.name).join(', ');
+
+        const activity: SetActivity = {
+            details: currentSong?.name.padEnd(2, ' ') || 'Idle',
+            instance: false,
+            largeImageKey: undefined,
+            largeImageText: currentSong?.album || 'Unknown album',
+            smallImageKey: undefined,
+            smallImageText: currentStatus,
+            state: (artists && `By ${artists}`) || 'Unknown artist',
+        };
+
+        if (currentStatus === PlayerStatus.PLAYING) {
+            if (start && end) {
+                activity.startTimestamp = start;
+                activity.endTimestamp = end;
+            }
+
+            activity.smallImageKey = 'playing';
+        } else {
+            activity.smallImageKey = 'paused';
+        }
+
+        if (
+            currentSong?.serverType === ServerType.JELLYFIN &&
+            discordSettings.showServerImage &&
+            currentSong?.imageUrl
+        ) {
+            activity.largeImageKey = currentSong?.imageUrl;
+        }
+
+        // Fall back to default icon if not set
+        if (!activity.largeImageKey) {
+            activity.largeImageKey = 'icon';
+        }
+
+        discordRpc?.setActivity(activity);
+    }, [currentSong, currentStatus, discordSettings.enableIdle, discordSettings.showServerImage]);
+
+    useEffect(() => {
+        const initializeDiscordRpc = async () => {
+            discordRpc?.initialize(discordSettings.clientId);
+        };
+
+        if (discordSettings.enabled) {
+            initializeDiscordRpc();
+        } else {
+            discordRpc?.quit();
+        }
+
+        return () => {
+            discordRpc?.quit();
+        };
+    }, [discordSettings.clientId, discordSettings.enabled]);
+
+    useEffect(() => {
+        if (discordSettings.enabled) {
+            let intervalSeconds = discordSettings.updateInterval;
+            if (intervalSeconds < 15) {
+                intervalSeconds = 15;
+            }
+
+            intervalRef.current = window.setInterval(setActivity, intervalSeconds * 1000);
+            return () => clearInterval(intervalRef.current);
+        }
+
+        return () => {};
+    }, [discordSettings.enabled, discordSettings.updateInterval, setActivity]);
+
+    // useEffect(() => {
+    //     console.log(
+    //         'currentStatus, discordSettings.enableIdle',
+    //         currentStatus,
+    //         discordSettings.enableIdle,
+    //     );
+
+    //     if (discordSettings.enableIdle === false && currentStatus === PlayerStatus.PAUSED) {
+    //         console.log('removing activity');
+    //         clearActivity();
+    //         clearInterval(intervalRef.current);
+    //     }
+    // }, [
+    //     clearActivity,
+    //     currentStatus,
+    //     discordSettings.enableIdle,
+    //     discordSettings.enabled,
+    //     setActivity,
+    // ]);
+};
diff --git a/src/renderer/features/genres/components/genre-list-header-filters.tsx b/src/renderer/features/genres/components/genre-list-header-filters.tsx
index c5f73fa6e..1bf92863d 100644
--- a/src/renderer/features/genres/components/genre-list-header-filters.tsx
+++ b/src/renderer/features/genres/components/genre-list-header-filters.tsx
@@ -1,7 +1,8 @@
+import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { useQueryClient } from '@tanstack/react-query';
-import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiFolder2Fill, RiMoreFill, RiRefreshLine, RiSettings3Fill } from 'react-icons/ri';
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { GenreListSort, LibraryItem, SortOrder } from '/@/renderer/api/types';
@@ -19,10 +20,23 @@ import {
     useListStoreByKey,
 } from '/@/renderer/store';
 import { ListDisplayType, ServerType, TableColumn } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
-    jellyfin: [{ defaultOrder: SortOrder.ASC, name: 'Name', value: GenreListSort.NAME }],
-    navidrome: [{ defaultOrder: SortOrder.ASC, name: 'Name', value: GenreListSort.NAME }],
+    jellyfin: [
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: GenreListSort.NAME,
+        },
+    ],
+    navidrome: [
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: GenreListSort.NAME,
+        },
+    ],
 };
 
 interface GenreListHeaderFiltersProps {
@@ -31,6 +45,7 @@ interface GenreListHeaderFiltersProps {
 }
 
 export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
     const { pageKey, customFilters } = useListContext();
     const server = useCurrentServer();
@@ -269,7 +284,7 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Refresh' }}
+                    tooltip={{ label: t('common.refresh', { postProcess: 'titleCase' }) }}
                     variant="subtle"
                     onClick={handleRefresh}
                 >
@@ -291,7 +306,7 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('common.refresh', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>
@@ -308,37 +323,43 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                         <Button
                             compact
                             size="md"
-                            tooltip={{ label: 'Configure' }}
+                            tooltip={{
+                                label: t('common.configure', { postProcess: 'titleCase' }),
+                            }}
                             variant="subtle"
                         >
                             <RiSettings3Fill size="1.3rem" />
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'titleCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
                             value={ListDisplayType.CARD}
                             onClick={handleSetViewType}
                         >
-                            Card
+                            {t('table.config.view.card', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.POSTER}
                             value={ListDisplayType.POSTER}
                             onClick={handleSetViewType}
                         >
-                            Poster
+                            {t('table.config.view.poster', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}
                             onClick={handleSetViewType}
                         >
-                            Table
+                            {t('table.config.view.table', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.size', { postProcess: 'titleCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             <Slider
                                 defaultValue={isGrid ? grid?.itemSize || 0 : table.rowHeight}
@@ -363,7 +384,11 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                         {(display === ListDisplayType.TABLE ||
                             display === ListDisplayType.TABLE_PAGINATED) && (
                             <>
-                                <DropdownMenu.Label>Table Columns</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.tableColumns', {
+                                        postProcess: 'titleCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item
                                     closeMenuOnClick={false}
                                     component="div"
@@ -380,7 +405,11 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                                             onChange={handleTableColumns}
                                         />
                                         <Group position="apart">
-                                            <Text>Auto Fit Columns</Text>
+                                            <Text>
+                                                {t('table.config.general.autoFitColumns', {
+                                                    postProcess: 'titleCase',
+                                                })}
+                                            </Text>
                                             <Switch
                                                 defaultChecked={table.autoFit}
                                                 onChange={handleAutoFitColumns}
diff --git a/src/renderer/features/genres/components/genre-list-header.tsx b/src/renderer/features/genres/components/genre-list-header.tsx
index e37ad9f8c..8d9176734 100644
--- a/src/renderer/features/genres/components/genre-list-header.tsx
+++ b/src/renderer/features/genres/components/genre-list-header.tsx
@@ -1,7 +1,7 @@
+import { ChangeEvent, MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Flex, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, MutableRefObject } from 'react';
 import { LibraryItem } from '/@/renderer/api/types';
 import { PageHeader, SearchInput } from '/@/renderer/components';
 import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
@@ -17,6 +17,7 @@ import {
     useListStoreByKey,
 } from '/@/renderer/store';
 import { ListDisplayType } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 
 interface GenreListHeaderProps {
     gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
@@ -25,6 +26,7 @@ interface GenreListHeaderProps {
 }
 
 export const GenreListHeader = ({ itemCount, gridRef, tableRef }: GenreListHeaderProps) => {
+    const { t } = useTranslation();
     const cq = useContainerQuery();
     const server = useCurrentServer();
     const { pageKey } = useListContext();
@@ -66,7 +68,9 @@ export const GenreListHeader = ({ itemCount, gridRef, tableRef }: GenreListHeade
                     w="100%"
                 >
                     <LibraryHeaderBar>
-                        <LibraryHeaderBar.Title>Genres</LibraryHeaderBar.Title>
+                        <LibraryHeaderBar.Title>
+                            {t('page.genreList.title', { postProcess: 'titleCase' })}
+                        </LibraryHeaderBar.Title>
                         <LibraryHeaderBar.Badge
                             isLoading={itemCount === null || itemCount === undefined}
                         >
diff --git a/src/renderer/features/home/routes/home-route.tsx b/src/renderer/features/home/routes/home-route.tsx
index e49f7554a..564440dba 100644
--- a/src/renderer/features/home/routes/home-route.tsx
+++ b/src/renderer/features/home/routes/home-route.tsx
@@ -1,24 +1,39 @@
 import { useMemo, useRef } from 'react';
 import { ActionIcon, Group, Stack } from '@mantine/core';
-import { AlbumListSort, LibraryItem, ServerType, SortOrder } from '/@/renderer/api/types';
+import {
+    AlbumListSort,
+    LibraryItem,
+    ServerType,
+    SongListSort,
+    SortOrder,
+} from '/@/renderer/api/types';
 import { FeatureCarousel, NativeScrollArea, Spinner, TextTitle } from '/@/renderer/components';
 import { useAlbumList } from '/@/renderer/features/albums';
 import { useRecentlyPlayed } from '/@/renderer/features/home/queries/recently-played-query';
 import { AnimatedPage, LibraryHeaderBar } from '/@/renderer/features/shared';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer, useWindowSettings } from '/@/renderer/store';
+import {
+    HomeItem,
+    useCurrentServer,
+    useGeneralSettings,
+    useWindowSettings,
+} from '/@/renderer/store';
 import { MemoizedSwiperGridCarousel } from '/@/renderer/components/grid-carousel';
 import { Platform } from '/@/renderer/types';
 import { useQueryClient } from '@tanstack/react-query';
 import { queryKeys } from '/@/renderer/api/query-keys';
+import { useTranslation } from 'react-i18next';
 import { RiRefreshLine } from 'react-icons/ri';
+import { useSongList } from '/@/renderer/features/songs';
 
 const HomeRoute = () => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
     const scrollAreaRef = useRef<HTMLDivElement>(null);
     const server = useCurrentServer();
     const itemsPerPage = 15;
     const { windowBarStyle } = useWindowSettings();
+    const { homeItems } = useGeneralSettings();
 
     const feature = useAlbumList({
         options: {
@@ -77,8 +92,9 @@ const HomeRoute = () => {
         serverId: server?.id,
     });
 
-    const mostPlayed = useAlbumList({
+    const mostPlayedAlbums = useAlbumList({
         options: {
+            enabled: server?.type === ServerType.SUBSONIC || server?.type === ServerType.NAVIDROME,
             staleTime: 1000 * 60 * 5,
         },
         query: {
@@ -90,55 +106,126 @@ const HomeRoute = () => {
         serverId: server?.id,
     });
 
+    const mostPlayedSongs = useSongList(
+        {
+            options: {
+                enabled: server?.type === ServerType.JELLYFIN,
+                staleTime: 1000 * 60 * 5,
+            },
+            query: {
+                limit: itemsPerPage,
+                sortBy: SongListSort.PLAY_COUNT,
+                sortOrder: SortOrder.DESC,
+                startIndex: 0,
+            },
+            serverId: server?.id,
+        },
+        300,
+    );
+
     const isLoading =
         random.isLoading ||
         recentlyPlayed.isLoading ||
         recentlyAdded.isLoading ||
-        mostPlayed.isLoading;
+        (server?.type === ServerType.JELLYFIN && mostPlayedSongs.isLoading) ||
+        ((server?.type === ServerType.SUBSONIC || server?.type === ServerType.NAVIDROME) &&
+            mostPlayedAlbums.isLoading);
 
     if (isLoading) {
         return <Spinner container />;
     }
 
-    const carousels = [
-        {
+    const carousels = {
+        [HomeItem.RANDOM]: {
             data: random?.data?.items,
+            itemType: LibraryItem.ALBUM,
             sortBy: AlbumListSort.RANDOM,
             sortOrder: SortOrder.ASC,
-            title: 'Explore from your library',
-            uniqueId: 'random',
+            title: t('page.home.explore', { postProcess: 'sentenceCase' }),
         },
-        {
+        [HomeItem.RECENTLY_PLAYED]: {
             data: recentlyPlayed?.data?.items,
+            itemType: LibraryItem.ALBUM,
             pagination: {
                 itemsPerPage,
             },
             sortBy: AlbumListSort.RECENTLY_PLAYED,
             sortOrder: SortOrder.DESC,
-            title: 'Recently played',
-            uniqueId: 'recentlyPlayed',
+            title: t('page.home.recentlyPlayed', { postProcess: 'sentenceCase' }),
         },
-        {
+        [HomeItem.RECENTLY_ADDED]: {
             data: recentlyAdded?.data?.items,
+            itemType: LibraryItem.ALBUM,
             pagination: {
                 itemsPerPage,
             },
             sortBy: AlbumListSort.RECENTLY_ADDED,
             sortOrder: SortOrder.DESC,
-            title: 'Newly added releases',
-            uniqueId: 'recentlyAdded',
+            title: t('page.home.newlyAdded', { postProcess: 'sentenceCase' }),
         },
-        {
-            data: mostPlayed?.data?.items,
+        [HomeItem.MOST_PLAYED]: {
+            data:
+                server?.type === ServerType.JELLYFIN
+                    ? mostPlayedSongs?.data?.items
+                    : mostPlayedAlbums?.data?.items,
+            itemType: server?.type === ServerType.JELLYFIN ? LibraryItem.SONG : LibraryItem.ALBUM,
             pagination: {
                 itemsPerPage,
             },
-            sortBy: AlbumListSort.PLAY_COUNT,
+            sortBy:
+                server?.type === ServerType.JELLYFIN
+                    ? SongListSort.PLAY_COUNT
+                    : AlbumListSort.PLAY_COUNT,
             sortOrder: SortOrder.DESC,
-            title: 'Most played',
-            uniqueId: 'mostPlayed',
+            title: t('page.home.mostPlayed', { postProcess: 'sentenceCase' }),
         },
-    ];
+    };
+
+    const sortedCarousel = homeItems
+        .filter((item) => {
+            if (item.disabled) {
+                return false;
+            }
+            if (server?.type === ServerType.JELLYFIN && item.id === HomeItem.RECENTLY_PLAYED) {
+                return false;
+            }
+
+            return true;
+        })
+        .map((item) => ({
+            ...carousels[item.id],
+            uniqueId: item.id,
+        }));
+
+    const invalidateCarouselQuery = (carousel: {
+        itemType: LibraryItem;
+        sortBy: SongListSort | AlbumListSort;
+        sortOrder: SortOrder;
+    }) => {
+        if (carousel.itemType === LibraryItem.ALBUM) {
+            queryClient.invalidateQueries({
+                exact: false,
+                queryKey: queryKeys.albums.list(server?.id, {
+                    limit: itemsPerPage,
+                    sortBy: carousel.sortBy,
+                    sortOrder: carousel.sortOrder,
+                    startIndex: 0,
+                }),
+            });
+        }
+
+        if (carousel.itemType === LibraryItem.SONG) {
+            queryClient.invalidateQueries({
+                exact: false,
+                queryKey: queryKeys.songs.list(server?.id, {
+                    limit: itemsPerPage,
+                    sortBy: carousel.sortBy,
+                    sortOrder: carousel.sortOrder,
+                    startIndex: 0,
+                }),
+            });
+        }
+    };
 
     return (
         <AnimatedPage>
@@ -148,7 +235,9 @@ const HomeRoute = () => {
                     backgroundColor: 'var(--titlebar-bg)',
                     children: (
                         <LibraryHeaderBar>
-                            <LibraryHeaderBar.Title>Home</LibraryHeaderBar.Title>
+                            <LibraryHeaderBar.Title>
+                                {t('page.home.title', { postProcess: 'titleCase' })}
+                            </LibraryHeaderBar.Title>
                         </LibraryHeaderBar>
                     ),
                     offset: 200,
@@ -161,82 +250,76 @@ const HomeRoute = () => {
                     spacing="lg"
                 >
                     <FeatureCarousel data={featureItemsWithImage} />
-                    {carousels
-                        .filter((carousel) => {
-                            if (
-                                server?.type === ServerType.JELLYFIN &&
-                                carousel.uniqueId === 'recentlyPlayed'
-                            ) {
-                                return null;
-                            }
-
-                            return carousel;
-                        })
-                        .map((carousel) => (
-                            <MemoizedSwiperGridCarousel
-                                key={`carousel-${carousel.uniqueId}`}
-                                cardRows={[
-                                    {
-                                        property: 'name',
-                                        route: {
-                                            route: AppRoute.LIBRARY_ALBUMS_DETAIL,
-                                            slugs: [{ idProperty: 'id', slugProperty: 'albumId' }],
-                                        },
+                    {sortedCarousel.map((carousel) => (
+                        <MemoizedSwiperGridCarousel
+                            key={`carousel-${carousel.uniqueId}`}
+                            cardRows={[
+                                {
+                                    property: 'name',
+                                    route: {
+                                        route: AppRoute.LIBRARY_ALBUMS_DETAIL,
+                                        slugs: [
+                                            {
+                                                idProperty:
+                                                    server?.type === ServerType.JELLYFIN &&
+                                                    carousel.itemType === LibraryItem.SONG
+                                                        ? 'albumId'
+                                                        : 'id',
+                                                slugProperty: 'albumId',
+                                            },
+                                        ],
                                     },
+                                },
+                                {
+                                    arrayProperty: 'name',
+                                    property: 'albumArtists',
+                                    route: {
+                                        route: AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL,
+                                        slugs: [
+                                            {
+                                                idProperty: 'id',
+                                                slugProperty: 'albumArtistId',
+                                            },
+                                        ],
+                                    },
+                                },
+                            ]}
+                            data={carousel.data}
+                            itemType={carousel.itemType}
+                            route={{
+                                route: AppRoute.LIBRARY_ALBUMS_DETAIL,
+                                slugs: [
                                     {
-                                        arrayProperty: 'name',
-                                        property: 'albumArtists',
-                                        route: {
-                                            route: AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL,
-                                            slugs: [
-                                                {
-                                                    idProperty: 'id',
-                                                    slugProperty: 'albumArtistId',
-                                                },
-                                            ],
-                                        },
+                                        idProperty:
+                                            server?.type === ServerType.JELLYFIN &&
+                                            carousel.itemType === LibraryItem.SONG
+                                                ? 'albumId'
+                                                : 'id',
+                                        slugProperty: 'albumId',
                                     },
-                                ]}
-                                data={carousel.data}
-                                itemType={LibraryItem.ALBUM}
-                                route={{
-                                    route: AppRoute.LIBRARY_ALBUMS_DETAIL,
-                                    slugs: [{ idProperty: 'id', slugProperty: 'albumId' }],
-                                }}
-                                title={{
-                                    label: (
-                                        <Group>
-                                            <TextTitle
-                                                order={2}
-                                                weight={700}
-                                            >
-                                                {carousel.title}
-                                            </TextTitle>
-
-                                            <ActionIcon
-                                                onClick={() =>
-                                                    queryClient.invalidateQueries({
-                                                        exact: false,
-                                                        queryKey: queryKeys.albums.list(
-                                                            server?.id,
-                                                            {
-                                                                limit: itemsPerPage,
-                                                                sortBy: carousel.sortBy,
-                                                                sortOrder: carousel.sortOrder,
-                                                                startIndex: 0,
-                                                            },
-                                                        ),
-                                                    })
-                                                }
-                                            >
-                                                <RiRefreshLine />
-                                            </ActionIcon>
-                                        </Group>
-                                    ),
-                                }}
-                                uniqueId={carousel.uniqueId}
-                            />
-                        ))}
+                                ],
+                            }}
+                            title={{
+                                label: (
+                                    <Group>
+                                        <TextTitle
+                                            order={2}
+                                            weight={700}
+                                        >
+                                            {carousel.title}
+                                        </TextTitle>
+
+                                        <ActionIcon
+                                            onClick={() => invalidateCarouselQuery(carousel)}
+                                        >
+                                            <RiRefreshLine />
+                                        </ActionIcon>
+                                    </Group>
+                                ),
+                            }}
+                            uniqueId={carousel.uniqueId}
+                        />
+                    ))}
                 </Stack>
             </NativeScrollArea>
         </AnimatedPage>
diff --git a/src/renderer/features/lyrics/components/lyrics-search-form.tsx b/src/renderer/features/lyrics/components/lyrics-search-form.tsx
index b04fd5ab5..7555ded54 100644
--- a/src/renderer/features/lyrics/components/lyrics-search-form.tsx
+++ b/src/renderer/features/lyrics/components/lyrics-search-form.tsx
@@ -4,6 +4,7 @@ import { useForm } from '@mantine/form';
 import { useDebouncedValue } from '@mantine/hooks';
 import { openModal } from '@mantine/modals';
 import orderBy from 'lodash/orderBy';
+import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import {
     InternetProviderLyricSearchResponse,
@@ -12,6 +13,7 @@ import {
 } from '../../../api/types';
 import { useLyricSearch } from '../queries/lyric-search-query';
 import { ScrollArea, Spinner, Text, TextInput } from '/@/renderer/components';
+import i18n from '/@/i18n/i18n';
 
 const SearchItem = styled.button`
     all: unset;
@@ -84,6 +86,7 @@ interface LyricSearchFormProps {
 }
 
 export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearchFormProps) => {
+    const { t } = useTranslation();
     const form = useForm({
         initialValues: {
             artist: artist || '',
@@ -117,11 +120,17 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
                 <Group grow>
                     <TextInput
                         data-autofocus
-                        label="Name"
+                        label={t('form.lyricSearch.input', {
+                            context: 'name',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('name')}
                     />
                     <TextInput
-                        label="Artist"
+                        label={t('form.lyricSearch.input', {
+                            context: 'artist',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('artist')}
                     />
                 </Group>
@@ -170,6 +179,6 @@ export const openLyricSearchModal = ({ artist, name, onSearchOverride }: LyricSe
             />
         ),
         size: 'lg',
-        title: 'Lyrics Search',
+        title: i18n.t('form.lyricSearch.title', { postProcess: 'titleCase' }) as string,
     });
 };
diff --git a/src/renderer/features/lyrics/lyrics-actions.tsx b/src/renderer/features/lyrics/lyrics-actions.tsx
index f6455ce15..b9edc7088 100644
--- a/src/renderer/features/lyrics/lyrics-actions.tsx
+++ b/src/renderer/features/lyrics/lyrics-actions.tsx
@@ -1,5 +1,6 @@
-import { Box, Group } from '@mantine/core';
+import { Box, Center, Group, Select, SelectItem } from '@mantine/core';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { RiAddFill, RiSubtractFill } from 'react-icons/ri';
 import { LyricsOverride } from '/@/renderer/api/types';
 import { Button, NumberInput, Tooltip } from '/@/renderer/components';
@@ -12,16 +13,24 @@ import {
 } from '/@/renderer/store';
 
 interface LyricsActionsProps {
+    index: number;
+    languages: SelectItem[];
+
     onRemoveLyric: () => void;
     onResetLyric: () => void;
     onSearchOverride: (params: LyricsOverride) => void;
+    setIndex: (idx: number) => void;
 }
 
 export const LyricsActions = ({
+    index,
+    languages,
     onRemoveLyric,
     onResetLyric,
     onSearchOverride,
+    setIndex,
 }: LyricsActionsProps) => {
+    const { t } = useTranslation();
     const currentSong = useCurrentSong();
     const { setSettings } = useSettingsStoreActions();
     const { delayMs, sources } = useLyricsSettings();
@@ -40,6 +49,18 @@ export const LyricsActions = ({
 
     return (
         <Box style={{ position: 'relative', width: '100%' }}>
+            {languages.length > 1 && (
+                <Center>
+                    <Select
+                        clearable={false}
+                        data={languages}
+                        style={{ bottom: 30, position: 'absolute' }}
+                        value={index.toString()}
+                        onChange={(value) => setIndex(parseInt(value!, 10))}
+                    />
+                </Center>
+            )}
+
             <Group position="center">
                 {isDesktop && sources.length ? (
                     <Button
@@ -54,7 +75,7 @@ export const LyricsActions = ({
                             })
                         }
                     >
-                        Search
+                        {t('common.search', { postProcess: 'titleCase' })}
                     </Button>
                 ) : null}
                 <Button
@@ -65,7 +86,7 @@ export const LyricsActions = ({
                     <RiSubtractFill />
                 </Button>
                 <Tooltip
-                    label="Offset (ms)"
+                    label={t('setting.lyricOffset', { postProcess: 'sentenceCase' })}
                     openDelay={500}
                 >
                     <NumberInput
@@ -90,7 +111,7 @@ export const LyricsActions = ({
                         variant="subtle"
                         onClick={onResetLyric}
                     >
-                        Reset
+                        {t('common.reset', { postProcess: 'sentenceCase' })}
                     </Button>
                 ) : null}
             </Group>
@@ -104,7 +125,7 @@ export const LyricsActions = ({
                         variant="subtle"
                         onClick={onRemoveLyric}
                     >
-                        Clear
+                        {t('common.clear', { postProcess: 'sentenceCase' })}
                     </Button>
                 ) : null}
             </Box>
diff --git a/src/renderer/features/lyrics/lyrics.tsx b/src/renderer/features/lyrics/lyrics.tsx
index 31ae97a0e..1cf276a1d 100644
--- a/src/renderer/features/lyrics/lyrics.tsx
+++ b/src/renderer/features/lyrics/lyrics.tsx
@@ -1,21 +1,19 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Center, Group } from '@mantine/core';
 import { AnimatePresence, motion } from 'framer-motion';
 import { ErrorBoundary } from 'react-error-boundary';
 import { RiInformationFill } from 'react-icons/ri';
 import styled from 'styled-components';
 import { useSongLyricsByRemoteId, useSongLyricsBySong } from './queries/lyric-query';
-import { SynchronizedLyrics } from './synchronized-lyrics';
+import { SynchronizedLyrics, SynchronizedLyricsProps } from './synchronized-lyrics';
 import { Spinner, TextTitle } from '/@/renderer/components';
 import { ErrorFallback } from '/@/renderer/features/action-required';
-import { UnsynchronizedLyrics } from '/@/renderer/features/lyrics/unsynchronized-lyrics';
-import { useCurrentSong, usePlayerStore } from '/@/renderer/store';
 import {
-    FullLyricsMetadata,
-    LyricsOverride,
-    SynchronizedLyricMetadata,
-    UnsynchronizedLyricMetadata,
-} from '/@/renderer/api/types';
+    UnsynchronizedLyrics,
+    UnsynchronizedLyricsProps,
+} from '/@/renderer/features/lyrics/unsynchronized-lyrics';
+import { useCurrentSong, usePlayerStore } from '/@/renderer/store';
+import { FullLyricsMetadata, LyricSource, LyricsOverride } from '/@/renderer/api/types';
 import { LyricsActions } from '/@/renderer/features/lyrics/lyrics-actions';
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { queryClient } from '/@/renderer/lib/react-query';
@@ -84,17 +82,9 @@ const ScrollContainer = styled(motion.div)`
     }
 `;
 
-function isSynchronized(
-    data: Partial<FullLyricsMetadata> | undefined,
-): data is SynchronizedLyricMetadata {
-    // Type magic. The only difference between Synchronized and Unsynchhronized is
-    // the datatype of lyrics. This makes Typescript happier later...
-    if (!data) return false;
-    return Array.isArray(data.lyrics);
-}
-
 export const Lyrics = () => {
     const currentSong = useCurrentSong();
+    const [index, setIndex] = useState(0);
 
     const { data, isInitialLoading } = useSongLyricsBySong(
         {
@@ -139,7 +129,7 @@ export const Lyrics = () => {
         },
         query: {
             remoteSongId: override?.id,
-            remoteSource: override?.source,
+            remoteSource: override?.source as LyricSource | undefined,
             song: currentSong,
         },
         serverId: currentSong?.serverId,
@@ -150,6 +140,7 @@ export const Lyrics = () => {
             (state) => state.current.song,
             () => {
                 setOverride(undefined);
+                setIndex(0);
             },
             { equalityFn: (a, b) => a?.id === b?.id },
         );
@@ -159,16 +150,29 @@ export const Lyrics = () => {
         };
     }, []);
 
-    const isLoadingLyrics = isInitialLoading || isOverrideLoading;
+    const [lyrics, synced] = useMemo(() => {
+        if (Array.isArray(data)) {
+            if (data.length > 0) {
+                const selectedLyric = data[Math.min(index, data.length)];
+                return [selectedLyric, selectedLyric.synced];
+            }
+        } else if (data?.lyrics) {
+            return [data, Array.isArray(data.lyrics)];
+        }
+
+        return [undefined, false];
+    }, [data, index]);
 
-    const hasNoLyrics = !data?.lyrics;
+    const languages = useMemo(() => {
+        if (Array.isArray(data)) {
+            return data.map((lyric, idx) => ({ label: lyric.lang, value: idx.toString() }));
+        }
+        return [];
+    }, [data]);
 
-    const lyricsMetadata:
-        | Partial<SynchronizedLyricMetadata>
-        | Partial<UnsynchronizedLyricMetadata>
-        | undefined = data;
+    const isLoadingLyrics = isInitialLoading || isOverrideLoading;
 
-    const isSynchronizedLyrics = isSynchronized(lyricsMetadata);
+    const hasNoLyrics = !lyrics;
 
     return (
         <ErrorBoundary FallbackComponent={ErrorFallback}>
@@ -198,11 +202,11 @@ export const Lyrics = () => {
                                 initial={{ opacity: 0 }}
                                 transition={{ duration: 0.5 }}
                             >
-                                {isSynchronizedLyrics ? (
-                                    <SynchronizedLyrics {...lyricsMetadata} />
+                                {synced ? (
+                                    <SynchronizedLyrics {...(lyrics as SynchronizedLyricsProps)} />
                                 ) : (
                                     <UnsynchronizedLyrics
-                                        {...(lyricsMetadata as UnsynchronizedLyricMetadata)}
+                                        {...(lyrics as UnsynchronizedLyricsProps)}
                                     />
                                 )}
                             </ScrollContainer>
@@ -211,6 +215,9 @@ export const Lyrics = () => {
                 )}
                 <ActionsContainer>
                     <LyricsActions
+                        index={index}
+                        languages={languages}
+                        setIndex={setIndex}
                         onRemoveLyric={handleOnRemoveLyric}
                         onResetLyric={handleOnResetLyric}
                         onSearchOverride={handleOnSearchOverride}
diff --git a/src/renderer/features/lyrics/queries/lyric-query.ts b/src/renderer/features/lyrics/queries/lyric-query.ts
index 599c58573..a02da3275 100644
--- a/src/renderer/features/lyrics/queries/lyric-query.ts
+++ b/src/renderer/features/lyrics/queries/lyric-query.ts
@@ -6,6 +6,8 @@ import {
     InternetProviderLyricResponse,
     FullLyricsMetadata,
     LyricGetQuery,
+    SubsonicExtensions,
+    StructuredLyric,
 } from '/@/renderer/api/types';
 import { QueryHookArgs } from '/@/renderer/lib/react-query';
 import { getServerById, useLyricsSettings } from '/@/renderer/store';
@@ -80,7 +82,7 @@ export const useServerLyrics = (
 export const useSongLyricsBySong = (
     args: QueryHookArgs<LyricsQuery>,
     song: QueueSong | undefined,
-): UseQueryResult<FullLyricsMetadata> => {
+): UseQueryResult<FullLyricsMetadata | StructuredLyric[]> => {
     const { query } = args;
     const { fetch } = useLyricsSettings();
     const server = getServerById(song?.serverId);
@@ -89,20 +91,10 @@ export const useSongLyricsBySong = (
         cacheTime: Infinity,
         enabled: !!song && !!server,
         onError: () => {},
-        queryFn: async ({ signal }) => {
+        queryFn: async ({ signal }): Promise<FullLyricsMetadata | StructuredLyric[] | null> => {
             if (!server) throw new Error('Server not found');
             if (!song) return null;
 
-            if (song.lyrics) {
-                return {
-                    artist: song.artists?.[0]?.name,
-                    lyrics: formatLyrics(song.lyrics),
-                    name: song.name,
-                    remote: false,
-                    source: server?.name ?? 'music server',
-                };
-            }
-
             if (server.type === ServerType.JELLYFIN) {
                 const jfLyrics = await api.controller
                     .getLyrics({
@@ -120,6 +112,25 @@ export const useSongLyricsBySong = (
                         source: server?.name ?? 'music server',
                     };
                 }
+            } else if (server.features && SubsonicExtensions.SONG_LYRICS in server.features) {
+                const subsonicLyrics = await api.controller
+                    .getStructuredLyrics({
+                        apiClientProps: { server, signal },
+                        query: { songId: song.id },
+                    })
+                    .catch(console.error);
+
+                if (subsonicLyrics) {
+                    return subsonicLyrics;
+                }
+            } else if (song.lyrics) {
+                return {
+                    artist: song.artists?.[0]?.name,
+                    lyrics: formatLyrics(song.lyrics),
+                    name: song.name,
+                    remote: false,
+                    source: server?.name ?? 'music server',
+                };
             }
 
             if (fetch) {
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 061d18889..2ec07f37a 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -3,7 +3,7 @@ import {
     useCurrentStatus,
     useCurrentTime,
     useLyricsSettings,
-    usePlayerType,
+    usePlaybackType,
     useSeeked,
 } from '/@/renderer/store';
 import { PlaybackType, PlayerStatus } from '/@/renderer/types';
@@ -21,7 +21,7 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
     gap: ${(props) => props.$gap || 5}px;
     width: 100%;
     height: 100%;
-    padding: 10vh 0 6vh;
+    padding: 10vh 0 50vh;
     overflow: scroll;
     transform: translateY(-2rem);
 
@@ -46,7 +46,7 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
     }
 `;
 
-interface SynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
+export interface SynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
     lyrics: SynchronizedLyricsArray;
 }
 
@@ -59,7 +59,7 @@ export const SynchronizedLyrics = ({
 }: SynchronizedLyricsProps) => {
     const playersRef = PlayersRef;
     const status = useCurrentStatus();
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const now = useCurrentTime();
     const settings = useLyricsSettings();
 
@@ -96,7 +96,7 @@ export const SynchronizedLyrics = ({
     };
 
     const getCurrentTime = useCallback(async () => {
-        if (isElectron() && playerType !== PlaybackType.WEB) {
+        if (isElectron() && playbackType !== PlaybackType.WEB) {
             if (mpvPlayer) {
                 return mpvPlayer.getCurrentTime();
             }
@@ -116,7 +116,7 @@ export const SynchronizedLyrics = ({
         if (!player) return 0;
 
         return player.currentTime;
-    }, [playerType, playersRef]);
+    }, [playbackType, playersRef]);
 
     const setCurrentLyric = useCallback(
         (timeInMs: number, epoch?: number, targetIndex?: number) => {
@@ -222,7 +222,7 @@ export const SynchronizedLyrics = ({
         }
 
         return () => {};
-    }, [getCurrentTime, lyrics, playerType, setCurrentLyric, status]);
+    }, [getCurrentTime, lyrics, playbackType, setCurrentLyric, status]);
 
     useEffect(() => {
         // This handler is used to deal with changes to the current delay. If the offset
diff --git a/src/renderer/features/lyrics/unsynchronized-lyrics.tsx b/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
index 23532559d..8bb6f71ba 100644
--- a/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/unsynchronized-lyrics.tsx
@@ -4,7 +4,7 @@ import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
 import { FullLyricsMetadata } from '/@/renderer/api/types';
 import { useLyricsSettings } from '/@/renderer/store';
 
-interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
+export interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
     lyrics: string;
 }
 
diff --git a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
index 29cc7700d..ea13d0b5d 100644
--- a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
+++ b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx
@@ -3,6 +3,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 import { Group } from '@mantine/core';
 import { Button, Popover } from '/@/renderer/components';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import {
     RiArrowDownLine,
     RiArrowUpLine,
@@ -14,7 +15,7 @@ import {
 import { Song } from '/@/renderer/api/types';
 import { usePlayerControls, useQueueControls } from '/@/renderer/store';
 import { PlaybackType, TableType } from '/@/renderer/types';
-import { usePlayerType } from '/@/renderer/store/settings.store';
+import { usePlaybackType } from '/@/renderer/store/settings.store';
 import { usePlayerStore, useSetCurrentTime } from '../../../store/player.store';
 import { TableConfigDropdown } from '/@/renderer/components/virtual-table';
 
@@ -27,12 +28,13 @@ interface PlayQueueListOptionsProps {
 }
 
 export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsProps) => {
+    const { t } = useTranslation();
     const { clearQueue, moveToBottomOfQueue, moveToTopOfQueue, shuffleQueue, removeFromQueue } =
         useQueueControls();
 
     const { pause } = usePlayerControls();
 
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const setCurrentTime = useSetCurrentTime();
 
     const handleMoveToBottom = () => {
@@ -42,7 +44,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
 
         const playerData = moveToBottomOfQueue(uniqueIds);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
     };
@@ -54,7 +56,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
 
         const playerData = moveToTopOfQueue(uniqueIds);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
     };
@@ -68,7 +70,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
         const playerData = removeFromQueue(uniqueIds);
         const isCurrentSongRemoved = currentSong && uniqueIds.includes(currentSong.uniqueId);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             if (isCurrentSongRemoved) {
                 mpvPlayer!.setQueue(playerData);
             } else {
@@ -84,7 +86,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
     const handleClearQueue = () => {
         const playerData = clearQueue();
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueue(playerData);
             mpvPlayer!.pause();
         }
@@ -98,7 +100,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
     const handleShuffleQueue = () => {
         const playerData = shuffleQueue();
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
     };
@@ -115,7 +117,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Shuffle queue' }}
+                    tooltip={{ label: t('player.shuffle', { postProcess: 'sentenceCase' }) }}
                     variant="default"
                     onClick={handleShuffleQueue}
                 >
@@ -124,7 +126,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Move selected to bottom' }}
+                    tooltip={{ label: t('action.moveToBottom', { postProcess: 'sentenceCase' }) }}
                     variant="default"
                     onClick={handleMoveToBottom}
                 >
@@ -133,7 +135,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Move selected to top' }}
+                    tooltip={{ label: t('action.moveToTop', { postProcess: 'sentenceCase' }) }}
                     variant="default"
                     onClick={handleMoveToTop}
                 >
@@ -142,7 +144,9 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Remove selected' }}
+                    tooltip={{
+                        label: t('action.removeFromQueue', { postProcess: 'sentenceCase' }),
+                    }}
                     variant="default"
                     onClick={handleRemoveSelected}
                 >
@@ -151,7 +155,7 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Clear queue' }}
+                    tooltip={{ label: t('action.clearQueue', { postProcess: 'sentenceCase' }) }}
                     variant="default"
                     onClick={handleClearQueue}
                 >
@@ -167,7 +171,9 @@ export const PlayQueueListControls = ({ type, tableRef }: PlayQueueListOptionsPr
                         <Button
                             compact
                             size="md"
-                            tooltip={{ label: 'Configure' }}
+                            tooltip={{
+                                label: t('common.configure', { postProcess: 'sentenceCase' }),
+                            }}
                             variant="subtle"
                         >
                             <RiListSettingsLine size="1.1rem" />
diff --git a/src/renderer/features/now-playing/components/play-queue.tsx b/src/renderer/features/now-playing/components/play-queue.tsx
index 31189ea4d..69588792a 100644
--- a/src/renderer/features/now-playing/components/play-queue.tsx
+++ b/src/renderer/features/now-playing/components/play-queue.tsx
@@ -19,7 +19,7 @@ import {
     useVolume,
 } from '/@/renderer/store';
 import {
-    usePlayerType,
+    usePlaybackType,
     useSettingsStore,
     useSettingsStoreActions,
     useTableSettings,
@@ -56,10 +56,11 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
     const { setAppStore } = useAppStoreActions();
     const tableConfig = useTableSettings(type);
     const [gridApi, setGridApi] = useState<AgGridReactType | undefined>();
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const { play } = usePlayerControls();
     const volume = useVolume();
     const isFocused = useAppFocus();
+    const isFocusedRef = useRef<boolean>(isFocused);
 
     useEffect(() => {
         if (tableRef.current) {
@@ -86,10 +87,9 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
             status: PlayerStatus.PLAYING,
         });
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.volume(volume);
-            mpvPlayer!.setQueue(playerData);
-            mpvPlayer!.play();
+            mpvPlayer!.setQueue(playerData, false);
         }
 
         play();
@@ -110,7 +110,7 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
 
         const playerData = reorderQueue(selectedUniqueIds as string[], e.overNode?.data?.uniqueId);
 
-        if (playerType === PlaybackType.LOCAL) {
+        if (playbackType === PlaybackType.LOCAL) {
             mpvPlayer!.setQueueNext(playerData);
         }
 
@@ -172,7 +172,7 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
 
     const handleGridSizeChange = () => {
         if (tableConfig.autoFit) {
-            tableRef?.current?.api.sizeColumnsToFit();
+            tableRef?.current?.api?.sizeColumnsToFit();
         }
     };
 
@@ -211,7 +211,29 @@ export const PlayQueue = forwardRef(({ type }: QueueProps, ref: Ref<any>) => {
                 }
             }
         }
-    }, [currentSong, previousSong, tableConfig.followCurrentSong, status, isFocused]);
+    }, [currentSong, previousSong, tableConfig.followCurrentSong, status]);
+
+    // As a separate rule, update the current row when focus changes. This is
+    // to prevent queue scrolling when the application loses and then gains focus.
+    // The body should only fire when focus changes, even though it depends on current song
+    useEffect(() => {
+        if (isFocused !== isFocusedRef.current && tableRef?.current) {
+            const { api, columnApi } = tableRef.current;
+            if (api == null || columnApi == null) {
+                return;
+            }
+
+            const currentNode = currentSong?.uniqueId
+                ? api.getRowNode(currentSong.uniqueId)
+                : undefined;
+
+            if (currentNode) {
+                api.redrawRows({ rowNodes: [currentNode] });
+            }
+
+            isFocusedRef.current = isFocused;
+        }
+    }, [currentSong, isFocused]);
 
     const onCellContextMenu = useHandleTableContextMenu(LibraryItem.SONG, QUEUE_CONTEXT_MENU_ITEMS);
 
diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx
index 4c56b6ecc..c2d72733f 100644
--- a/src/renderer/features/player/components/center-controls.tsx
+++ b/src/renderer/features/player/components/center-controls.tsx
@@ -3,9 +3,9 @@ import { useHotkeys } from '@mantine/hooks';
 import { useQueryClient } from '@tanstack/react-query';
 import formatDuration from 'format-duration';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { IoIosPause } from 'react-icons/io';
 import {
-    RiMenuAddFill,
     RiPlayFill,
     RiRepeat2Line,
     RiRepeatOneLine,
@@ -16,6 +16,7 @@ import {
     RiSpeedFill,
     RiStopFill,
 } from 'react-icons/ri';
+import { BsDice3 } from 'react-icons/bs';
 import styled from 'styled-components';
 import { Text } from '/@/renderer/components';
 import { useCenterControls } from '../hooks/use-center-controls';
@@ -31,7 +32,7 @@ import {
 } from '/@/renderer/store';
 import {
     useHotkeySettings,
-    usePlayerType,
+    usePlaybackType,
     useSettingsStore,
 } from '/@/renderer/store/settings.store';
 import { PlayerStatus, PlaybackType, PlayerShuffle, PlayerRepeat } from '/@/renderer/types';
@@ -92,11 +93,13 @@ const ControlsContainer = styled.div`
 `;
 
 export const CenterControls = ({ playersRef }: CenterControlsProps) => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
     const [isSeeking, setIsSeeking] = useState(false);
     const currentSong = useCurrentSong();
     const skip = useSettingsStore((state) => state.general.skipButtons);
-    const playerType = usePlayerType();
+    const buttonSize = useSettingsStore((state) => state.general.buttonSize);
+    const playbackType = usePlaybackType();
     const player1 = playersRef?.current?.player1;
     const player2 = playersRef?.current?.player2;
     const status = useCurrentStatus();
@@ -131,7 +134,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
         let interval: any;
 
         if (status === PlayerStatus.PLAYING && !isSeeking) {
-            if (!isElectron() || playerType === PlaybackType.WEB) {
+            if (!isElectron() || playbackType === PlaybackType.WEB) {
                 interval = setInterval(() => {
                     setCurrentTime(currentPlayerRef.getCurrentTime());
                 }, 1000);
@@ -141,7 +144,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
         }
 
         return () => clearInterval(interval);
-    }, [currentPlayerRef, isSeeking, setCurrentTime, playerType, status]);
+    }, [currentPlayerRef, isSeeking, setCurrentTime, playbackType, status]);
 
     const [seekValue, setSeekValue] = useState(0);
 
@@ -169,75 +172,85 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
             <ControlsContainer>
                 <ButtonsContainer>
                     <PlayerButton
-                        icon={<RiStopFill size={15} />}
+                        icon={<RiStopFill size={buttonSize} />}
                         tooltip={{
-                            label: 'Stop',
-                            openDelay: 500,
+                            label: t('player.stop', { postProcess: 'sentenceCase' }),
                         }}
                         variant="tertiary"
                         onClick={handleStop}
                     />
                     <PlayerButton
                         $isActive={shuffle !== PlayerShuffle.NONE}
-                        icon={<RiShuffleFill size={15} />}
+                        icon={<RiShuffleFill size={buttonSize} />}
                         tooltip={{
                             label:
                                 shuffle === PlayerShuffle.NONE
-                                    ? 'Shuffle disabled'
-                                    : shuffle === PlayerShuffle.TRACK
-                                    ? 'Shuffle tracks'
-                                    : 'Shuffle albums',
-                            openDelay: 500,
+                                    ? t('player.shuffle', {
+                                          context: 'off',
+                                          postProcess: 'sentenceCase',
+                                      })
+                                    : t('player.shuffle', { postProcess: 'sentenceCase' }),
                         }}
                         variant="tertiary"
                         onClick={handleToggleShuffle}
                     />
                     <PlayerButton
-                        icon={<RiSkipBackFill size={15} />}
-                        tooltip={{ label: 'Previous track', openDelay: 500 }}
+                        icon={<RiSkipBackFill size={buttonSize} />}
+                        tooltip={{
+                            label: t('player.previous', { postProcess: 'sentenceCase' }),
+                        }}
                         variant="secondary"
                         onClick={handlePrevTrack}
                     />
                     {skip?.enabled && (
                         <PlayerButton
-                            icon={<RiRewindFill size={15} />}
+                            icon={<RiRewindFill size={buttonSize} />}
                             tooltip={{
-                                label: `Skip backwards ${skip?.skipBackwardSeconds} seconds`,
-                                openDelay: 500,
+                                label: t('player.skip', {
+                                    context: 'back',
+                                    postProcess: 'sentenceCase',
+                                }),
                             }}
                             variant="secondary"
                             onClick={() => handleSkipBackward(skip?.skipBackwardSeconds)}
                         />
                     )}
                     <PlayerButton
+                        disabled={currentSong?.id === undefined}
                         icon={
                             status === PlayerStatus.PAUSED ? (
-                                <RiPlayFill size={20} />
+                                <RiPlayFill size={buttonSize} />
                             ) : (
-                                <IoIosPause size={20} />
+                                <IoIosPause size={buttonSize} />
                             )
                         }
                         tooltip={{
-                            label: status === PlayerStatus.PAUSED ? 'Play' : 'Pause',
-                            openDelay: 500,
+                            label:
+                                status === PlayerStatus.PAUSED
+                                    ? t('player.play', { postProcess: 'sentenceCase' })
+                                    : t('player.pause', { postProcess: 'sentenceCase' }),
                         }}
                         variant="main"
                         onClick={handlePlayPause}
                     />
                     {skip?.enabled && (
                         <PlayerButton
-                            icon={<RiSpeedFill size={15} />}
+                            icon={<RiSpeedFill size={buttonSize} />}
                             tooltip={{
-                                label: `Skip forwards ${skip?.skipForwardSeconds} seconds`,
-                                openDelay: 500,
+                                label: t('player.skip', {
+                                    context: 'forward',
+                                    postProcess: 'sentenceCase',
+                                }),
                             }}
                             variant="secondary"
                             onClick={() => handleSkipForward(skip?.skipForwardSeconds)}
                         />
                     )}
                     <PlayerButton
-                        icon={<RiSkipForwardFill size={15} />}
-                        tooltip={{ label: 'Next track', openDelay: 500 }}
+                        icon={<RiSkipForwardFill size={buttonSize} />}
+                        tooltip={{
+                            label: t('player.next', { postProcess: 'sentenceCase' }),
+                        }}
                         variant="secondary"
                         onClick={handleNextTrack}
                     />
@@ -245,30 +258,37 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
                         $isActive={repeat !== PlayerRepeat.NONE}
                         icon={
                             repeat === PlayerRepeat.ONE ? (
-                                <RiRepeatOneLine size={15} />
+                                <RiRepeatOneLine size={buttonSize} />
                             ) : (
-                                <RiRepeat2Line size={15} />
+                                <RiRepeat2Line size={buttonSize} />
                             )
                         }
                         tooltip={{
                             label: `${
                                 repeat === PlayerRepeat.NONE
-                                    ? 'Repeat disabled'
+                                    ? t('player.repeat', {
+                                          context: 'off',
+                                          postProcess: 'sentenceCase',
+                                      })
                                     : repeat === PlayerRepeat.ALL
-                                    ? 'Repeat all'
-                                    : 'Repeat one'
+                                    ? t('player.repeat', {
+                                          context: 'all',
+                                          postProcess: 'sentenceCase',
+                                      })
+                                    : t('player.repeat', {
+                                          context: 'one',
+                                          postProcess: 'sentenceCase',
+                                      })
                             }`,
-                            openDelay: 500,
                         }}
                         variant="tertiary"
                         onClick={handleToggleRepeat}
                     />
 
                     <PlayerButton
-                        icon={<RiMenuAddFill size={15} />}
+                        icon={<BsDice3 size={buttonSize} />}
                         tooltip={{
-                            label: 'Shuffle all',
-                            openDelay: 500,
+                            label: t('player.playRandom', { postProcess: 'sentenceCase' }),
                         }}
                         variant="tertiary"
                         onClick={() =>
diff --git a/src/renderer/features/player/components/full-screen-player-image.tsx b/src/renderer/features/player/components/full-screen-player-image.tsx
index 535764a7b..d3053a900 100644
--- a/src/renderer/features/player/components/full-screen-player-image.tsx
+++ b/src/renderer/features/player/components/full-screen-player-image.tsx
@@ -16,6 +16,7 @@ import {
     usePlayerData,
     usePlayerStore,
 } from '/@/renderer/store';
+import { useSettingsStore } from '/@/renderer/store/settings.store';
 
 const Image = styled(motion.img)<{ $useAspectRatio: boolean }>`
     position: absolute;
@@ -130,6 +131,8 @@ export const FullScreenPlayerImage = () => {
     const mainImageRef = useRef<HTMLImageElement | null>(null);
     const [mainImageDimensions, setMainImageDimensions] = useState({ idealSize: 1 });
 
+    const albumArtRes = useSettingsStore((store) => store.general.albumArtRes);
+
     const { queue } = usePlayerData();
     const { opacity, useImageAspectRatio } = useFullScreenPlayerStore();
     const currentSong = queue.current;
@@ -149,6 +152,7 @@ export const FullScreenPlayerImage = () => {
         if (mainImageRef.current) {
             setMainImageDimensions({
                 idealSize:
+                    albumArtRes ||
                     Math.ceil((mainImageRef.current as HTMLDivElement).offsetHeight / 100) * 100,
             });
 
@@ -158,7 +162,7 @@ export const FullScreenPlayerImage = () => {
                 topImage: scaleImageUrl(mainImageDimensions.idealSize, queue.current?.imageUrl),
             });
         }
-    }, [mainImageDimensions.idealSize, queue, setImageState]);
+    }, [mainImageDimensions.idealSize, queue, setImageState, albumArtRes]);
 
     useLayoutEffect(() => {
         updateImageSize();
@@ -255,7 +259,7 @@ export const FullScreenPlayerImage = () => {
                     overflow="hidden"
                     pb="0.5rem"
                     style={{
-                        textShadow: '0 0 5px rgb(0 0 0 / 100%)',
+                        textShadow: 'var(--fullscreen-player-text-shadow)',
                     }}
                     w="100%"
                     weight={900}
@@ -269,7 +273,7 @@ export const FullScreenPlayerImage = () => {
                     order={3}
                     overflow="hidden"
                     style={{
-                        textShadow: '0 0 5px rgb(0 0 0 / 100%)',
+                        textShadow: 'var(--fullscreen-player-text-shadow)',
                     }}
                     to={generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, {
                         albumId: currentSong?.albumId || '',
@@ -286,7 +290,7 @@ export const FullScreenPlayerImage = () => {
                         align="center"
                         order={3}
                         style={{
-                            textShadow: '0 0 5px rgb(0 0 0 / 100%)',
+                            textShadow: 'var(--fullscreen-player-text-shadow)',
                         }}
                         transform="uppercase"
                     >
@@ -304,7 +308,7 @@ export const FullScreenPlayerImage = () => {
                             $link
                             component={Link}
                             style={{
-                                textShadow: '0 0 5px rgb(0 0 0 / 100%)',
+                                textShadow: 'var(--fullscreen-player-text-shadow)',
                             }}
                             to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
                                 albumArtistId: artist.id,
diff --git a/src/renderer/features/player/components/full-screen-player-queue.tsx b/src/renderer/features/player/components/full-screen-player-queue.tsx
index e856cd63f..031c4ea28 100644
--- a/src/renderer/features/player/components/full-screen-player-queue.tsx
+++ b/src/renderer/features/player/components/full-screen-player-queue.tsx
@@ -1,5 +1,6 @@
 import { Group, Center } from '@mantine/core';
 import { motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { HiOutlineQueueList } from 'react-icons/hi2';
 import { RiFileMusicLine, RiFileTextLine, RiInformationFill } from 'react-icons/ri';
 import styled from 'styled-components';
@@ -50,11 +51,13 @@ const GridContainer = styled.div<TransparendGridContainerProps>`
     grid-template-rows: auto minmax(0, 1fr);
     grid-template-columns: 1fr;
     padding: 1rem;
+    /* stylelint-disable-next-line color-function-notation */
     background: rgb(var(--main-bg-transparent), ${({ opacity }) => opacity}%);
     border-radius: 5px;
 `;
 
 export const FullScreenPlayerQueue = () => {
+    const { t } = useTranslation();
     const { activeTab, opacity } = useFullScreenPlayerStore();
     const { setStore } = useFullScreenPlayerStoreActions();
 
@@ -62,23 +65,25 @@ export const FullScreenPlayerQueue = () => {
         {
             active: activeTab === 'queue',
             icon: <RiFileMusicLine size="1.5rem" />,
-            label: 'Up Next',
+            label: t('page.fullscreenPlayer.upNext'),
             onClick: () => setStore({ activeTab: 'queue' }),
         },
         {
             active: activeTab === 'related',
             icon: <HiOutlineQueueList size="1.5rem" />,
-            label: 'Related',
+            label: t('page.fullscreenPlayer.related'),
             onClick: () => setStore({ activeTab: 'related' }),
         },
         {
             active: activeTab === 'lyrics',
             icon: <RiFileTextLine size="1.5rem" />,
-            label: 'Lyrics',
+            label: t('page.fullscreenPlayer.lyrics'),
             onClick: () => setStore({ activeTab: 'lyrics' }),
         },
     ];
 
+    console.log('opacity', opacity);
+
     return (
         <GridContainer
             className="full-screen-player-queue-container"
@@ -125,7 +130,7 @@ export const FullScreenPlayerQueue = () => {
                             order={3}
                             weight={700}
                         >
-                            COMING SOON
+                            {t('common.comingSoon', { postProcess: 'upperCase' })}
                         </TextTitle>
                     </Group>
                 </Center>
diff --git a/src/renderer/features/player/components/full-screen-player.tsx b/src/renderer/features/player/components/full-screen-player.tsx
index cd55646a4..9cf06f1ae 100644
--- a/src/renderer/features/player/components/full-screen-player.tsx
+++ b/src/renderer/features/player/components/full-screen-player.tsx
@@ -2,6 +2,7 @@ import { useLayoutEffect, useRef } from 'react';
 import { Divider, Group } from '@mantine/core';
 import { useHotkeys } from '@mantine/hooks';
 import { Variants, motion } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { RiArrowDownSLine, RiSettings3Line } from 'react-icons/ri';
 import { useLocation } from 'react-router';
 import styled from 'styled-components';
@@ -70,6 +71,7 @@ const BackgroundImageOverlay = styled.div`
 `;
 
 const Controls = () => {
+    const { t } = useTranslation();
     const { dynamicBackground, expanded, opacity, useImageAspectRatio } =
         useFullScreenPlayerStore();
     const { setStore } = useFullScreenPlayerStoreActions();
@@ -104,7 +106,7 @@ const Controls = () => {
             <Button
                 compact
                 size="sm"
-                tooltip={{ label: 'Minimize' }}
+                tooltip={{ label: t('common.minimize', { postProcess: 'titleCase' }) }}
                 variant="subtle"
                 onClick={handleToggleFullScreenPlayer}
             >
@@ -115,7 +117,7 @@ const Controls = () => {
                     <Button
                         compact
                         size="sm"
-                        tooltip={{ label: 'Configure' }}
+                        tooltip={{ label: t('common.configure', { postProcess: 'titleCase' }) }}
                         variant="subtle"
                     >
                         <RiSettings3Line size="1.5rem" />
@@ -123,7 +125,11 @@ const Controls = () => {
                 </Popover.Target>
                 <Popover.Dropdown>
                     <Option>
-                        <Option.Label>Dynamic Background</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.dynamicBackground', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Switch
                                 defaultChecked={dynamicBackground}
@@ -137,7 +143,11 @@ const Controls = () => {
                     </Option>
                     {dynamicBackground && (
                         <Option>
-                            <Option.Label>Opacity</Option.Label>
+                            <Option.Label>
+                                {t('page.fullscreenPlayer.config.opacity', {
+                                    postProcess: 'sentenceCase',
+                                })}
+                            </Option.Label>
                             <Option.Control>
                                 <Slider
                                     defaultValue={opacity}
@@ -151,7 +161,11 @@ const Controls = () => {
                         </Option>
                     )}
                     <Option>
-                        <Option.Label>Use image aspect ratio</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.useImageAspectRatio', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Switch
                                 checked={useImageAspectRatio}
@@ -165,7 +179,11 @@ const Controls = () => {
                     </Option>
                     <Divider my="sm" />
                     <Option>
-                        <Option.Label>Follow current lyrics</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.followCurrentLyric', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Switch
                                 checked={lyricConfig.follow}
@@ -176,7 +194,11 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Show lyrics provider</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.showLyricProvider', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Switch
                                 checked={lyricConfig.showProvider}
@@ -187,7 +209,11 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Show lyrics match</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.showLyricMatch', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Switch
                                 checked={lyricConfig.showMatch}
@@ -198,7 +224,11 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Lyrics size</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.lyricSize', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Group
                                 noWrap
@@ -206,7 +236,11 @@ const Controls = () => {
                             >
                                 <Slider
                                     defaultValue={lyricConfig.fontSize}
-                                    label={(e) => `Synchronized: ${e}px`}
+                                    label={(e) =>
+                                        `${t('page.fullscreenPlayer.config.synchronized', {
+                                            postProcess: 'titleCase',
+                                        })}: ${e}px`
+                                    }
                                     max={72}
                                     min={8}
                                     w="100%"
@@ -214,7 +248,11 @@ const Controls = () => {
                                 />
                                 <Slider
                                     defaultValue={lyricConfig.fontSize}
-                                    label={(e) => `Unsynchronized: ${e}px`}
+                                    label={(e) =>
+                                        `${t('page.fullscreenPlayer.config.unsynchronized', {
+                                            postProcess: 'sentenceCase',
+                                        })}: ${e}px`
+                                    }
                                     max={72}
                                     min={8}
                                     w="100%"
@@ -226,7 +264,11 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Lyrics gap</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.lyricGap', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Group
                                 noWrap
@@ -254,13 +296,32 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Lyrics alignment</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.lyricAlignment', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <Select
                                 data={[
-                                    { label: 'Left', value: 'left' },
-                                    { label: 'Center', value: 'center' },
-                                    { label: 'Right', value: 'right' },
+                                    {
+                                        label: t('common.left', {
+                                            postProcess: 'titleCase',
+                                        }),
+                                        value: 'left',
+                                    },
+                                    {
+                                        label: t('common.center', {
+                                            postProcess: 'titleCase',
+                                        }),
+                                        value: 'center',
+                                    },
+                                    {
+                                        label: t('common.right', {
+                                            postProcess: 'titleCase',
+                                        }),
+                                        value: 'right',
+                                    },
                                 ]}
                                 value={lyricConfig.alignment}
                                 onChange={(e) => handleLyricsSettings('alignment', e)}
diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx
index aa205f743..928f005e1 100644
--- a/src/renderer/features/player/components/left-controls.tsx
+++ b/src/renderer/features/player/components/left-controls.tsx
@@ -2,6 +2,7 @@ import React, { MouseEvent } from 'react';
 import { Center, Group } from '@mantine/core';
 import { useHotkeys } from '@mantine/hooks';
 import { motion, AnimatePresence, LayoutGroup } from 'framer-motion';
+import { useTranslation } from 'react-i18next';
 import { RiArrowUpSLine, RiDiscLine, RiMore2Fill } from 'react-icons/ri';
 import { generatePath, Link } from 'react-router-dom';
 import styled from 'styled-components';
@@ -92,6 +93,7 @@ const LeftControlsContainer = styled.div`
 `;
 
 export const LeftControls = () => {
+    const { t } = useTranslation();
     const { setSideBar } = useAppStoreActions();
     const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
     const setFullScreenPlayerStore = useSetFullScreenPlayerStore();
@@ -147,7 +149,9 @@ export const LeftControls = () => {
                                 onClick={handleToggleFullScreenPlayer}
                             >
                                 <Tooltip
-                                    label="Toggle fullscreen player"
+                                    label={t('player.toggleFullscreenPlayer', {
+                                        postProcess: 'sentenceCase',
+                                    })}
                                     openDelay={500}
                                 >
                                     {currentSong?.imageUrl ? (
@@ -182,7 +186,12 @@ export const LeftControls = () => {
                                             right: 2,
                                             top: 2,
                                         }}
-                                        tooltip={{ label: 'Expand', openDelay: 500 }}
+                                        tooltip={{
+                                            label: t('common.expand', {
+                                                postProcess: 'titleCase',
+                                            }),
+                                            openDelay: 500,
+                                        }}
                                         variant="default"
                                         onClick={handleToggleSidebarImage}
                                     >
diff --git a/src/renderer/features/player/components/player-button.tsx b/src/renderer/features/player/components/player-button.tsx
index d64c9a9e3..f042bb5b6 100644
--- a/src/renderer/features/player/components/player-button.tsx
+++ b/src/renderer/features/player/components/player-button.tsx
@@ -103,6 +103,7 @@ const StyledPlayerButton = styled(UnstyledButton)<StyledPlayerButtonProps>`
     }
 
     &:hover {
+        color: var(--playerbar-btn-fg-hover);
         background: var(--playerbar-btn-bg-hover);
 
         svg {
diff --git a/src/renderer/features/player/components/playerbar.tsx b/src/renderer/features/player/components/playerbar.tsx
index b251ad0da..035552978 100644
--- a/src/renderer/features/player/components/playerbar.tsx
+++ b/src/renderer/features/player/components/playerbar.tsx
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import isElectron from 'is-electron';
 import styled from 'styled-components';
-import { useSettingsStore } from '/@/renderer/store/settings.store';
+import { usePlaybackType, useSettingsStore } from '/@/renderer/store/settings.store';
 import { PlaybackType } from '/@/renderer/types';
 import { AudioPlayer } from '/@/renderer/components';
 import {
@@ -64,6 +64,7 @@ const remote = isElectron() ? window.electron.remote : null;
 export const Playerbar = () => {
     const playersRef = PlayersRef;
     const settings = useSettingsStore((state) => state.playback);
+    const playbackType = usePlaybackType();
     const volume = useVolume();
     const player1 = usePlayer1Data();
     const player2 = usePlayer2Data();
@@ -96,7 +97,7 @@ export const Playerbar = () => {
                     <RightControls />
                 </RightGridItem>
             </PlayerbarControlsGrid>
-            {settings.type === PlaybackType.WEB && (
+            {playbackType === PlaybackType.WEB && (
                 <AudioPlayer
                     ref={playersRef}
                     autoNext={autoNextFn}
diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx
index 9221f3b94..6ae0de9e0 100644
--- a/src/renderer/features/player/components/right-controls.tsx
+++ b/src/renderer/features/player/components/right-controls.tsx
@@ -1,7 +1,8 @@
-import { MouseEvent, useEffect } from 'react';
+import { useEffect } from 'react';
 import { Flex, Group } from '@mantine/core';
 import { useHotkeys, useMediaQuery } from '@mantine/hooks';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { HiOutlineQueueList } from 'react-icons/hi2';
 import {
     RiVolumeUpFill,
@@ -16,44 +17,57 @@ import {
     useCurrentSong,
     useHotkeySettings,
     useMuted,
+    usePreviousSong,
     useSidebarStore,
+    useSpeed,
     useVolume,
 } from '/@/renderer/store';
 import { useRightControls } from '../hooks/use-right-controls';
 import { PlayerButton } from './player-button';
-import { LibraryItem, ServerType, Song } from '/@/renderer/api/types';
+import { LibraryItem, QueueSong, ServerType, Song } from '/@/renderer/api/types';
 import { useCreateFavorite, useDeleteFavorite, useSetRating } from '/@/renderer/features/shared';
-import { Rating } from '/@/renderer/components';
+import { DropdownMenu, Rating } from '/@/renderer/components';
 import { PlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider';
+import { Slider } from '/@/renderer/components/slider';
 
 const ipc = isElectron() ? window.electron.ipc : null;
 const remote = isElectron() ? window.electron.remote : null;
 
 export const RightControls = () => {
+    const { t } = useTranslation();
     const isMinWidth = useMediaQuery('(max-width: 480px)');
     const volume = useVolume();
     const muted = useMuted();
     const server = useCurrentServer();
     const currentSong = useCurrentSong();
+    const previousSong = usePreviousSong();
     const { setSideBar } = useAppStoreActions();
     const { rightExpanded: isQueueExpanded } = useSidebarStore();
     const { bindings } = useHotkeySettings();
-    const { handleVolumeSlider, handleVolumeWheel, handleMute, handleVolumeDown, handleVolumeUp } =
-        useRightControls();
+    const {
+        handleVolumeSlider,
+        handleVolumeWheel,
+        handleMute,
+        handleVolumeDown,
+        handleVolumeUp,
+        handleSpeed,
+    } = useRightControls();
+
+    const speed = useSpeed();
 
     const updateRatingMutation = useSetRating({});
     const addToFavoritesMutation = useCreateFavorite({});
     const removeFromFavoritesMutation = useDeleteFavorite({});
 
-    const handleAddToFavorites = () => {
-        if (!currentSong) return;
+    const handleAddToFavorites = (song: QueueSong | undefined) => {
+        if (!song?.id) return;
 
         addToFavoritesMutation.mutate({
             query: {
-                id: [currentSong.id],
+                id: [song.id],
                 type: LibraryItem.SONG,
             },
-            serverId: currentSong?.serverId,
+            serverId: song?.serverId,
         });
     };
 
@@ -69,37 +83,25 @@ export const RightControls = () => {
         });
     };
 
-    const handleClearRating = (_e: MouseEvent<HTMLDivElement> | null, rating?: number) => {
-        if (!currentSong || !rating) return;
-
-        updateRatingMutation.mutate({
-            query: {
-                item: [currentSong],
-                rating: 0,
-            },
-            serverId: currentSong?.serverId,
-        });
-    };
-
-    const handleRemoveFromFavorites = () => {
-        if (!currentSong) return;
+    const handleRemoveFromFavorites = (song: QueueSong | undefined) => {
+        if (!song?.id) return;
 
         removeFromFavoritesMutation.mutate({
             query: {
-                id: [currentSong.id],
+                id: [song.id],
                 type: LibraryItem.SONG,
             },
-            serverId: currentSong?.serverId,
+            serverId: song?.serverId,
         });
     };
 
-    const handleToggleFavorite = () => {
-        if (!currentSong) return;
+    const handleToggleFavorite = (song: QueueSong | undefined) => {
+        if (!song?.id) return;
 
-        if (currentSong.userFavorite) {
-            handleRemoveFromFavorites();
+        if (song.userFavorite) {
+            handleRemoveFromFavorites(song);
         } else {
-            handleAddToFavorites();
+            handleAddToFavorites(song);
         }
     };
 
@@ -107,6 +109,14 @@ export const RightControls = () => {
         setSideBar({ rightExpanded: !isQueueExpanded });
     };
 
+    const formatPlaybackSpeedSliderLabel = (value: number) => {
+        const bpm = Number(currentSong?.bpm);
+        if (bpm > 0) {
+            return `${value} x / ${(bpm * value).toFixed(1)} BPM`;
+        }
+        return `${value} x`;
+    };
+
     const isSongDefined = Boolean(currentSong?.id);
     const showRating = isSongDefined && server?.type === ServerType.NAVIDROME;
 
@@ -115,7 +125,31 @@ export const RightControls = () => {
         [bindings.volumeUp.isGlobal ? '' : bindings.volumeUp.hotkey, handleVolumeUp],
         [bindings.volumeMute.isGlobal ? '' : bindings.volumeMute.hotkey, handleMute],
         [bindings.toggleQueue.isGlobal ? '' : bindings.toggleQueue.hotkey, handleToggleQueue],
-        [bindings.rate0.isGlobal ? '' : bindings.rate0.hotkey, () => handleClearRating(null, 0)],
+        [
+            bindings.favoriteCurrentAdd.isGlobal ? '' : bindings.favoriteCurrentAdd.hotkey,
+            () => handleAddToFavorites(currentSong),
+        ],
+        [
+            bindings.favoriteCurrentRemove.isGlobal ? '' : bindings.favoriteCurrentRemove.hotkey,
+            () => handleRemoveFromFavorites(currentSong),
+        ],
+        [
+            bindings.favoriteCurrentToggle.isGlobal ? '' : bindings.favoriteCurrentToggle.hotkey,
+            () => handleToggleFavorite(currentSong),
+        ],
+        [
+            bindings.favoritePreviousAdd.isGlobal ? '' : bindings.favoritePreviousAdd.hotkey,
+            () => handleAddToFavorites(previousSong),
+        ],
+        [
+            bindings.favoritePreviousRemove.isGlobal ? '' : bindings.favoritePreviousRemove.hotkey,
+            () => handleRemoveFromFavorites(previousSong),
+        ],
+        [
+            bindings.favoritePreviousToggle.isGlobal ? '' : bindings.favoritePreviousToggle.hotkey,
+            () => handleToggleFavorite(previousSong),
+        ],
+        [bindings.rate0.isGlobal ? '' : bindings.rate0.hotkey, () => handleUpdateRating(0)],
         [bindings.rate1.isGlobal ? '' : bindings.rate1.hotkey, () => handleUpdateRating(1)],
         [bindings.rate2.isGlobal ? '' : bindings.rate2.hotkey, () => handleUpdateRating(2)],
         [bindings.rate3.isGlobal ? '' : bindings.rate3.hotkey, () => handleUpdateRating(3)],
@@ -175,7 +209,6 @@ export const RightControls = () => {
                         size="sm"
                         value={currentSong?.userRating || 0}
                         onChange={handleUpdateRating}
-                        onClick={handleClearRating}
                     />
                 )}
             </Group>
@@ -184,6 +217,50 @@ export const RightControls = () => {
                 align="center"
                 spacing="xs"
             >
+                <DropdownMenu
+                    withArrow
+                    arrowOffset={12}
+                    offset={0}
+                    position="top-end"
+                    width={425}
+                >
+                    <DropdownMenu.Target>
+                        <PlayerButton
+                            icon={<>{speed} x</>}
+                            tooltip={{
+                                label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }),
+                                openDelay: 500,
+                            }}
+                            variant="secondary"
+                        />
+                    </DropdownMenu.Target>
+                    <DropdownMenu.Dropdown>
+                        <Slider
+                            label={formatPlaybackSpeedSliderLabel}
+                            marks={[
+                                { label: '0.5', value: 0.5 },
+                                { label: '0.75', value: 0.75 },
+                                { label: '1', value: 1 },
+                                { label: '1.25', value: 1.25 },
+                                { label: '1.5', value: 1.5 },
+                            ]}
+                            max={1.5}
+                            min={0.5}
+                            step={0.01}
+                            styles={{
+                                markLabel: {
+                                    paddingTop: '0.5rem',
+                                },
+                                root: {
+                                    margin: '1rem 1rem 2rem 1rem',
+                                },
+                            }}
+                            value={speed}
+                            onChange={handleSpeed}
+                            onDoubleClick={() => handleSpeed(1)}
+                        />
+                    </DropdownMenu.Dropdown>
+                </DropdownMenu>
                 <PlayerButton
                     icon={
                         currentSong?.userFavorite ? (
@@ -203,18 +280,22 @@ export const RightControls = () => {
                         },
                     }}
                     tooltip={{
-                        label: currentSong?.userFavorite ? 'Unfavorite' : 'Favorite',
+                        label: currentSong?.userFavorite
+                            ? t('player.unfavorite', { postProcess: 'titleCase' })
+                            : t('player.favorite', { postProcess: 'titleCase' }),
                         openDelay: 500,
                     }}
                     variant="secondary"
-                    onClick={handleToggleFavorite}
-                />
-                <PlayerButton
-                    icon={<HiOutlineQueueList size="1.1rem" />}
-                    tooltip={{ label: 'View queue', openDelay: 500 }}
-                    variant="secondary"
-                    onClick={handleToggleQueue}
+                    onClick={() => handleToggleFavorite(currentSong)}
                 />
+                {!isMinWidth ? (
+                    <PlayerButton
+                        icon={<HiOutlineQueueList size="1.1rem" />}
+                        tooltip={{ label: 'View queue', openDelay: 500 }}
+                        variant="secondary"
+                        onClick={handleToggleQueue}
+                    />
+                ) : null}
                 <Group
                     noWrap
                     spacing="xs"
@@ -229,7 +310,10 @@ export const RightControls = () => {
                                 <RiVolumeDownFill size="1.2rem" />
                             )
                         }
-                        tooltip={{ label: muted ? 'Muted' : volume, openDelay: 500 }}
+                        tooltip={{
+                            label: muted ? t('player.muted', { postProcess: 'titleCase' }) : volume,
+                            openDelay: 500,
+                        }}
                         variant="secondary"
                         onClick={handleMute}
                         onWheel={handleVolumeWheel}
diff --git a/src/renderer/features/player/components/shuffle-all-modal.tsx b/src/renderer/features/player/components/shuffle-all-modal.tsx
index 4d058c299..ce127c053 100644
--- a/src/renderer/features/player/components/shuffle-all-modal.tsx
+++ b/src/renderer/features/player/components/shuffle-all-modal.tsx
@@ -20,6 +20,7 @@ import { api } from '/@/renderer/api';
 import { useAuthStore } from '/@/renderer/store';
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { Play, PlayQueueAddOptions, ServerListItem } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 interface ShuffleAllSlice extends RandomSongListQuery {
     actions: {
@@ -260,6 +261,6 @@ export const openShuffleAllModal = async (
             />
         ),
         size: 'sm',
-        title: 'Shuffle all',
+        title: i18n.t('player.playRandom', { postProcess: 'sentenceCase' }) as string,
     });
 };
diff --git a/src/renderer/features/player/hooks/use-center-controls.ts b/src/renderer/features/player/hooks/use-center-controls.ts
index 24c60b0ee..b5c0eed8f 100644
--- a/src/renderer/features/player/hooks/use-center-controls.ts
+++ b/src/renderer/features/player/hooks/use-center-controls.ts
@@ -1,5 +1,3 @@
-// import { write, writeFile } from 'fs';
-// import { deflate } from 'zlib';
 import { useCallback, useEffect } from 'react';
 import isElectron from 'is-electron';
 import { PlaybackType, PlayerRepeat, PlayerShuffle, PlayerStatus } from '/@/renderer/types';
@@ -13,11 +11,12 @@ import {
     useSetCurrentTime,
     useShuffleStatus,
 } from '/@/renderer/store';
-import { usePlayerType, useSettingsStore } from '/@/renderer/store/settings.store';
+import { usePlaybackType } from '/@/renderer/store/settings.store';
 import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';
 import debounce from 'lodash/debounce';
 import { QueueSong } from '/@/renderer/api/types';
 import { toast } from '/@/renderer/components';
+import { useTranslation } from 'react-i18next';
 
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
 const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : null;
@@ -28,9 +27,9 @@ const remote = isElectron() ? window.electron.remote : null;
 const mediaSession = !isElectron() || !utils?.isLinux() ? navigator.mediaSession : null;
 
 export const useCenterControls = (args: { playersRef: any }) => {
+    const { t } = useTranslation();
     const { playersRef } = args;
 
-    const settings = useSettingsStore((state) => state.playback);
     const currentPlayer = useCurrentPlayer();
     const { setShuffle, setRepeat, play, pause, previous, next, setCurrentIndex, autoNext } =
         usePlayerControls();
@@ -39,7 +38,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
     const playerStatus = useCurrentStatus();
     const repeatStatus = useRepeatStatus();
     const shuffleStatus = useShuffleStatus();
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const player1Ref = playersRef?.current?.player1;
     const player2Ref = playersRef?.current?.player2;
     const currentPlayerRef = currentPlayer === 1 ? player1Ref : player2Ref;
@@ -75,7 +74,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
         resetPlayers();
     }, [player1Ref, player2Ref, resetPlayers]);
 
-    const isMpvPlayer = isElectron() && settings.type === PlaybackType.LOCAL;
+    const isMpvPlayer = isElectron() && playbackType === PlaybackType.LOCAL;
 
     const mprisUpdateSong = (args?: {
         currentTime?: number;
@@ -136,7 +135,10 @@ export const useCenterControls = (args: { playersRef: any }) => {
             mpvPlayer?.volume(usePlayerStore.getState().volume);
             mpvPlayer!.play();
         } else {
-            currentPlayerRef.getInternalPlayer().play();
+            currentPlayerRef
+                .getInternalPlayer()
+                ?.play()
+                .catch(() => {});
         }
 
         play();
@@ -277,13 +279,13 @@ export const useCenterControls = (args: { playersRef: any }) => {
 
         switch (repeatStatus) {
             case PlayerRepeat.NONE:
-                handleRepeatNone[playerType]();
+                handleRepeatNone[playbackType]();
                 break;
             case PlayerRepeat.ALL:
-                handleRepeatAll[playerType]();
+                handleRepeatAll[playbackType]();
                 break;
             case PlayerRepeat.ONE:
-                handleRepeatOne[playerType]();
+                handleRepeatOne[playbackType]();
                 break;
 
             default:
@@ -294,7 +296,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
         checkIsLastTrack,
         pause,
         play,
-        playerType,
+        playbackType,
         repeatStatus,
         resetPlayers,
         setCurrentIndex,
@@ -375,13 +377,13 @@ export const useCenterControls = (args: { playersRef: any }) => {
 
         switch (repeatStatus) {
             case PlayerRepeat.NONE:
-                handleRepeatNone[playerType]();
+                handleRepeatNone[playbackType]();
                 break;
             case PlayerRepeat.ALL:
-                handleRepeatAll[playerType]();
+                handleRepeatAll[playbackType]();
                 break;
             case PlayerRepeat.ONE:
-                handleRepeatOne[playerType]();
+                handleRepeatOne[playbackType]();
                 break;
 
             default:
@@ -393,7 +395,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
         checkIsLastTrack,
         next,
         pause,
-        playerType,
+        playbackType,
         repeatStatus,
         resetPlayers,
         setCurrentIndex,
@@ -506,13 +508,13 @@ export const useCenterControls = (args: { playersRef: any }) => {
 
         switch (repeatStatus) {
             case PlayerRepeat.NONE:
-                handleRepeatNone[playerType]();
+                handleRepeatNone[playbackType]();
                 break;
             case PlayerRepeat.ALL:
-                handleRepeatAll[playerType]();
+                handleRepeatAll[playbackType]();
                 break;
             case PlayerRepeat.ONE:
-                handleRepeatOne[playerType]();
+                handleRepeatOne[playbackType]();
                 break;
 
             default:
@@ -526,7 +528,7 @@ export const useCenterControls = (args: { playersRef: any }) => {
         handleScrobbleFromSongRestart,
         isMpvPlayer,
         pause,
-        playerType,
+        playbackType,
         previous,
         queue.length,
         repeatStatus,
@@ -613,11 +615,15 @@ export const useCenterControls = (args: { playersRef: any }) => {
 
     const handleError = useCallback(
         (message: string) => {
-            toast.error({ id: 'mpv-error', message, title: 'An error occurred during playback' });
+            toast.error({
+                id: 'mpv-error',
+                message,
+                title: t('error.playbackError', { postProcess: 'sentenceCase' }),
+            });
             pause();
             mpvPlayer!.pause();
         },
-        [pause],
+        [pause, t],
     );
 
     useEffect(() => {
diff --git a/src/renderer/features/player/hooks/use-handle-playqueue-add.ts b/src/renderer/features/player/hooks/use-handle-playqueue-add.ts
index af729d846..2ebf6bea0 100644
--- a/src/renderer/features/player/hooks/use-handle-playqueue-add.ts
+++ b/src/renderer/features/player/hooks/use-handle-playqueue-add.ts
@@ -1,7 +1,7 @@
 import { useCallback, useRef } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useCurrentServer, usePlayerControls, usePlayerStore } from '/@/renderer/store';
-import { usePlayerType } from '/@/renderer/store/settings.store';
+import { usePlaybackType } from '/@/renderer/store/settings.store';
 import {
     PlayQueueAddOptions,
     Play,
@@ -28,6 +28,7 @@ import {
     getGenreSongsById,
 } from '/@/renderer/features/player/utils';
 import { queryKeys } from '/@/renderer/api/query-keys';
+import { useTranslation } from 'react-i18next';
 
 const getRootQueryKey = (itemType: LibraryItem, serverId: string) => {
     let queryKey;
@@ -62,8 +63,9 @@ const remote = isElectron() ? window.electron.remote : null;
 const addToQueue = usePlayerStore.getState().actions.addToQueue;
 
 export const useHandlePlayQueueAdd = () => {
+    const { t } = useTranslation();
     const queryClient = useQueryClient();
-    const playerType = usePlayerType();
+    const playbackType = usePlaybackType();
     const server = useCurrentServer();
     const { play } = usePlayerControls();
     const timeoutIds = useRef<Record<string, ReturnType<typeof setTimeout>> | null>({});
@@ -86,15 +88,18 @@ export const useHandlePlayQueueAdd = () => {
                         toast.info({
                             autoClose: false,
                             id: fetchId,
-                            message:
-                                'This is taking a while... close the notification to cancel the request',
+                            message: t('player.playbackFetchCancel', {
+                                postProcess: 'sentenceCase',
+                            }),
                             onClose: () => {
                                 queryClient.cancelQueries({
                                     exact: false,
                                     queryKey: getRootQueryKey(itemType, server?.id),
                                 });
                             },
-                            title: 'Adding to queue',
+                            title: t('player.playbackFetchInProgress', {
+                                postProcess: 'sentenceCase',
+                            }),
                         });
                     }, 2000),
                 };
@@ -140,7 +145,7 @@ export const useHandlePlayQueueAdd = () => {
 
                     return toast.error({
                         message: err.message,
-                        title: 'Play queue add failed',
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }) as string,
                     });
                 }
 
@@ -152,8 +157,8 @@ export const useHandlePlayQueueAdd = () => {
 
             if (!songs || songs?.length === 0)
                 return toast.warn({
-                    message: 'The query returned no results',
-                    title: 'No tracks added',
+                    message: t('common.noResultsFromQuery', { postProcess: 'sentenceCase' }),
+                    title: t('player.playbackFetchNoResults'),
                 });
 
             if (initialIndex) {
@@ -162,23 +167,25 @@ export const useHandlePlayQueueAdd = () => {
                 initialSongIndex = songs.findIndex((song) => song.id === initialSongId);
             }
 
+            const hadSong = usePlayerStore.getState().queue.default.length > 0;
             const playerData = addToQueue({ initialIndex: initialSongIndex, playType, songs });
 
-            if (playerType === PlaybackType.LOCAL) {
+            if (playbackType === PlaybackType.LOCAL) {
                 mpvPlayer!.volume(usePlayerStore.getState().volume);
 
-                if (playType === Play.NEXT || playType === Play.LAST) {
-                    mpvPlayer!.setQueueNext(playerData);
-                }
-
-                if (playType === Play.NOW) {
+                if (playType === Play.NOW || !hadSong) {
                     mpvPlayer!.pause();
-                    mpvPlayer!.setQueue(playerData);
-                    mpvPlayer!.play();
+                    mpvPlayer!.setQueue(playerData, false);
+                } else {
+                    mpvPlayer!.setQueueNext(playerData);
                 }
             }
 
-            play();
+            // We should only play if the queue was empty, or we are doing play NOW
+            // (override the queue).
+            if (playType === Play.NOW || !hadSong) {
+                play();
+            }
 
             remote?.updateSong({
                 currentTime: usePlayerStore.getState().current.time,
@@ -190,7 +197,7 @@ export const useHandlePlayQueueAdd = () => {
 
             return null;
         },
-        [play, playerType, queryClient, server],
+        [play, playbackType, queryClient, server, t],
     );
 
     return handlePlayQueueAdd;
diff --git a/src/renderer/features/player/hooks/use-right-controls.ts b/src/renderer/features/player/hooks/use-right-controls.ts
index 6e33ae2cc..186fb5b0f 100644
--- a/src/renderer/features/player/hooks/use-right-controls.ts
+++ b/src/renderer/features/player/hooks/use-right-controls.ts
@@ -1,6 +1,12 @@
 import { useCallback, useEffect, WheelEvent } from 'react';
 import isElectron from 'is-electron';
-import { useMuted, usePlayerControls, useVolume } from '/@/renderer/store';
+import {
+    useMuted,
+    usePlayerControls,
+    useSetCurrentSpeed,
+    useSpeed,
+    useVolume,
+} from '/@/renderer/store';
 import { useGeneralSettings } from '/@/renderer/store/settings.store';
 
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
@@ -37,6 +43,8 @@ export const useRightControls = () => {
     const volume = useVolume();
     const muted = useMuted();
     const { volumeWheelStep } = useGeneralSettings();
+    const speed = useSpeed();
+    const setCurrentSpeed = useSetCurrentSpeed();
 
     // Ensure that the mpv player volume is set on startup
     useEffect(() => {
@@ -44,6 +52,7 @@ export const useRightControls = () => {
 
         if (mpvPlayer) {
             mpvPlayer.volume(volume);
+            mpvPlayer.setProperties({ speed });
 
             if (muted) {
                 mpvPlayer.mute(muted);
@@ -53,6 +62,16 @@ export const useRightControls = () => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
+    const handleSpeed = useCallback(
+        (e: number) => {
+            setCurrentSpeed(e);
+            if (mpvPlayer) {
+                mpvPlayer?.setProperties({ speed: e });
+            }
+        },
+        [setCurrentSpeed],
+    );
+
     const handleVolumeSlider = (e: number) => {
         mpvPlayer?.volume(e);
         remote?.updateVolume(e);
@@ -123,6 +142,7 @@ export const useRightControls = () => {
 
     return {
         handleMute,
+        handleSpeed,
         handleVolumeDown,
         handleVolumeSlider,
         handleVolumeSliderState,
diff --git a/src/renderer/features/player/hooks/use-scrobble.ts b/src/renderer/features/player/hooks/use-scrobble.ts
index 28549049e..b2a7b9a32 100644
--- a/src/renderer/features/player/hooks/use-scrobble.ts
+++ b/src/renderer/features/player/hooks/use-scrobble.ts
@@ -315,12 +315,19 @@ export const useScrobble = () => {
 
     useEffect(() => {
         const unsubSongChange = usePlayerStore.subscribe(
-            (state) => [state.current.song, state.current.time],
+            (state) => [state.current.song, state.current.time, state.current.player],
             handleScrobbleFromSongChange,
             {
                 // We need the current time to check the scrobble condition, but we only want to
                 // trigger the callback when the song changes
-                equalityFn: (a, b) => (a[0] as QueueSong)?.id === (b[0] as QueueSong)?.id,
+                // There are two conditions where this should trigger:
+                // 1. The song actually changes (the common case)
+                // 2. The song does not change, but the player dows. This would either be
+                //    a single track on repeat one, or one track added to the queue
+                //    multiple times in a row and playback goes normally (no next/previous)
+                equalityFn: (a, b) =>
+                    (a[0] as QueueSong)?.uniqueId === (b[0] as QueueSong)?.uniqueId &&
+                    a[2] === b[2],
             },
         );
 
diff --git a/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx b/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
index 014dd74e9..f0844479b 100644
--- a/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
+++ b/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
@@ -1,7 +1,7 @@
+import { useMemo, useState } from 'react';
 import { Box, Group, Stack } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { closeModal, ContextModalProps } from '@mantine/modals';
-import { useMemo, useState } from 'react';
 import { api } from '/@/renderer/api';
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { PlaylistListSort, SongListQuery, SongListSort, SortOrder } from '/@/renderer/api/types';
@@ -11,6 +11,7 @@ import { useAddToPlaylist } from '/@/renderer/features/playlists/mutations/add-t
 import { usePlaylistList } from '/@/renderer/features/playlists/queries/playlist-list-query';
 import { queryClient } from '/@/renderer/lib/react-query';
 import { useCurrentServer } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
 
 export const AddToPlaylistContextModal = ({
     id,
@@ -21,6 +22,7 @@ export const AddToPlaylistContextModal = ({
     genreId?: string[];
     songId?: string[];
 }>) => {
+    const { t } = useTranslation();
     const { albumId, artistId, genreId, songId } = innerProps;
     const server = useCurrentServer();
     const [isLoading, setIsLoading] = useState(false);
@@ -140,7 +142,10 @@ export const AddToPlaylistContextModal = ({
                 const queryKey = queryKeys.playlists.songList(server?.id || '', playlistId, query);
 
                 const playlistSongsRes = await queryClient.fetchQuery(queryKey, ({ signal }) => {
-                    if (!server) throw new Error('No server');
+                    if (!server)
+                        throw new Error(
+                            t('error.serverNotSelectedError', { postProcess: 'sentenceCase' }),
+                        );
                     return api.controller.getPlaylistSongList({
                         apiClientProps: {
                             server,
@@ -175,7 +180,7 @@ export const AddToPlaylistContextModal = ({
                                     playlistSelect.find((playlist) => playlist.value === playlistId)
                                         ?.label
                                 }] ${err.message}`,
-                                title: 'Failed to add songs to playlist',
+                                title: t('error.genericError', { postProcess: 'sentenceCase' }),
                             });
                         },
                     },
@@ -186,12 +191,16 @@ export const AddToPlaylistContextModal = ({
         const addMessage =
             values.skipDuplicates &&
             allSongIds.length * values.playlistId.length !== totalUniquesAdded
-                ? `around ${Math.floor(totalUniquesAdded / values.playlistId.length)}`
+                ? Math.floor(totalUniquesAdded / values.playlistId.length)
                 : allSongIds.length;
 
         setIsLoading(false);
         toast.success({
-            message: `Added ${addMessage} songs to ${values.playlistId.length} playlist(s)`,
+            message: t('form.addToPlaylist.success', {
+                message: addMessage,
+                numOfPlaylists: values.playlistId.length,
+                postProcess: 'sentenceCase',
+            }),
         });
         closeModal(id);
         return null;
@@ -206,12 +215,18 @@ export const AddToPlaylistContextModal = ({
                         searchable
                         data={playlistSelect}
                         disabled={playlistList.isLoading}
-                        label="Playlists"
+                        label={t('form.addToPlaylist.input', {
+                            context: 'playlists',
+                            postProcess: 'titleCase',
+                        })}
                         size="md"
                         {...form.getInputProps('playlistId')}
                     />
                     <Switch
-                        label="Skip duplicates"
+                        label={t('form.addToPlaylist.input', {
+                            context: 'skipDuplicates',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('skipDuplicates', { type: 'checkbox' })}
                     />
                     <Group position="right">
@@ -222,7 +237,7 @@ export const AddToPlaylistContextModal = ({
                                 variant="subtle"
                                 onClick={() => closeModal(id)}
                             >
-                                Cancel
+                                {t('common.cancel', { postProcess: 'titleCase' })}
                             </Button>
                             <Button
                                 disabled={isSubmitDisabled}
@@ -231,7 +246,7 @@ export const AddToPlaylistContextModal = ({
                                 type="submit"
                                 variant="filled"
                             >
-                                Add
+                                {t('common.add', { postProcess: 'titleCase' })}
                             </Button>
                         </Group>
                     </Group>
diff --git a/src/renderer/features/playlists/components/create-playlist-form.tsx b/src/renderer/features/playlists/components/create-playlist-form.tsx
index 9c38201e4..63c9fc477 100644
--- a/src/renderer/features/playlists/components/create-playlist-form.tsx
+++ b/src/renderer/features/playlists/components/create-playlist-form.tsx
@@ -1,6 +1,6 @@
+import { useRef, useState } from 'react';
 import { Group, Stack } from '@mantine/core';
 import { useForm } from '@mantine/form';
-import { useRef, useState } from 'react';
 import { CreatePlaylistBody, ServerType, SongListSort } from '/@/renderer/api/types';
 import { Button, Switch, Text, TextInput, toast } from '/@/renderer/components';
 import {
@@ -10,12 +10,14 @@ import {
 import { useCreatePlaylist } from '/@/renderer/features/playlists/mutations/create-playlist-mutation';
 import { convertQueryGroupToNDQuery } from '/@/renderer/features/playlists/utils';
 import { useCurrentServer } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
 
 interface CreatePlaylistFormProps {
     onCancel: () => void;
 }
 
 export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
+    const { t } = useTranslation();
     const mutation = useCreatePlaylist({});
     const server = useCurrentServer();
     const queryBuilderRef = useRef<PlaylistQueryBuilderRef>(null);
@@ -69,10 +71,15 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
             },
             {
                 onError: (err) => {
-                    toast.error({ message: err.message, title: 'Error creating playlist' });
+                    toast.error({
+                        message: err.message,
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }),
+                    });
                 },
                 onSuccess: () => {
-                    toast.success({ message: `Playlist has been created` });
+                    toast.success({
+                        message: t('form.createPlaylist.success', { postProcess: 'sentenceCase' }),
+                    });
                     onCancel();
                 },
             },
@@ -88,17 +95,26 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
                 <TextInput
                     data-autofocus
                     required
-                    label="Name"
+                    label={t('form.createPlaylist.input', {
+                        context: 'name',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('name')}
                 />
                 <TextInput
-                    label="Description"
+                    label={t('form.createPlaylist.input', {
+                        context: 'description',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('comment')}
                 />
                 <Group>
                     {isPublicDisplayed && (
                         <Switch
-                            label="Is public?"
+                            label={t('form.createPlaylist.input', {
+                                context: 'public',
+                                postProcess: 'titleCase',
+                            })}
                             {...form.getInputProps('_custom.navidrome.public', {
                                 type: 'checkbox',
                             })}
@@ -130,7 +146,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
                         variant="subtle"
                         onClick={onCancel}
                     >
-                        Cancel
+                        {t('common.cancel', { postProcess: 'titleCase' })}
                     </Button>
                     <Button
                         disabled={isSubmitDisabled}
@@ -138,7 +154,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
                         type="submit"
                         variant="filled"
                     >
-                        Save
+                        {t('common.create', { postProcess: 'titleCase' })}
                     </Button>
                 </Group>
             </Stack>
diff --git a/src/renderer/features/playlists/components/playlist-detail-content.tsx b/src/renderer/features/playlists/components/playlist-detail-content.tsx
index fa7dd8e7f..12dc2192e 100644
--- a/src/renderer/features/playlists/components/playlist-detail-content.tsx
+++ b/src/renderer/features/playlists/components/playlist-detail-content.tsx
@@ -1,8 +1,9 @@
+import { MutableRefObject, useMemo, useRef } from 'react';
 import { ColDef, RowDoubleClickedEvent } from '@ag-grid-community/core';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Box, Group } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
-import { MutableRefObject, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiMoreFill } from 'react-icons/ri';
 import { generatePath, useNavigate, useParams } from 'react-router';
 import { Link } from 'react-router-dom';
@@ -45,6 +46,7 @@ interface PlaylistDetailContentProps {
 }
 
 export const PlaylistDetailContent = ({ tableRef }: PlaylistDetailContentProps) => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
     const { playlistId } = useParams() as { playlistId: string };
     const { table } = useListStoreByKey({ key: LibraryItem.SONG });
@@ -102,13 +104,10 @@ export const PlaylistDetailContent = ({ tableRef }: PlaylistDetailContentProps)
                 onError: (err) => {
                     toast.error({
                         message: err.message,
-                        title: 'Error deleting playlist',
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }),
                     });
                 },
                 onSuccess: () => {
-                    toast.success({
-                        message: `Playlist has been deleted`,
-                    });
                     closeAllModals();
                     navigate(AppRoute.PLAYLISTS);
                 },
@@ -126,7 +125,7 @@ export const PlaylistDetailContent = ({ tableRef }: PlaylistDetailContentProps)
                     Are you sure you want to delete this playlist?
                 </ConfirmModal>
             ),
-            title: 'Delete playlist',
+            title: t('form.deletePlaylist.title', { postProcess: 'sentenceCase' }),
         });
     };
 
diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx
index dc4063525..298e47429 100644
--- a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx
+++ b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx
@@ -140,7 +140,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
 
     const handleGridSizeChange = () => {
         if (page.table.autoFit) {
-            tableRef?.current?.api.sizeColumnsToFit();
+            tableRef?.current?.api?.sizeColumnsToFit();
         }
     };
 
diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx
index 12ec7ca38..5da52b78d 100644
--- a/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx
+++ b/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx
@@ -4,6 +4,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
 import { useQueryClient } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
 import {
     RiMoreFill,
     RiSettings3Fill,
@@ -46,49 +47,142 @@ import { openUpdatePlaylistModal } from '/@/renderer/features/playlists/componen
 import { useDeletePlaylist } from '/@/renderer/features/playlists/mutations/delete-playlist-mutation';
 import { AppRoute } from '/@/renderer/router/routes';
 import { OrderToggleButton } from '/@/renderer/features/shared';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
     jellyfin: [
-        { defaultOrder: SortOrder.ASC, name: 'Album', value: SongListSort.ALBUM },
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: SongListSort.ALBUM_ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Artist', value: SongListSort.ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Duration', value: SongListSort.DURATION },
-        { defaultOrder: SortOrder.ASC, name: 'Most Played', value: SongListSort.PLAY_COUNT },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: SongListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Random', value: SongListSort.RANDOM },
-        { defaultOrder: SortOrder.ASC, name: 'Recently Added', value: SongListSort.RECENTLY_ADDED },
         {
             defaultOrder: SortOrder.ASC,
-            name: 'Recently Played',
+            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM_ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.artist', { postProcess: 'titleCase' }),
+            value: SongListSort.ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: SongListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: SongListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: SongListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.random', { postProcess: 'titleCase' }),
+            value: SongListSort.RANDOM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
+            value: SongListSort.RECENTLY_ADDED,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.recentlyPlayed', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_PLAYED,
         },
-        { defaultOrder: SortOrder.ASC, name: 'Release Date', value: SongListSort.RELEASE_DATE },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.releaseDate', { postProcess: 'titleCase' }),
+            value: SongListSort.RELEASE_DATE,
+        },
     ],
     navidrome: [
-        { defaultOrder: SortOrder.ASC, name: 'Album', value: SongListSort.ALBUM },
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: SongListSort.ALBUM_ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Artist', value: SongListSort.ARTIST },
-        { defaultOrder: SortOrder.DESC, name: 'BPM', value: SongListSort.BPM },
-        { defaultOrder: SortOrder.ASC, name: 'Channels', value: SongListSort.CHANNELS },
-        { defaultOrder: SortOrder.ASC, name: 'Comment', value: SongListSort.COMMENT },
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: SongListSort.DURATION },
-        { defaultOrder: SortOrder.DESC, name: 'Favorited', value: SongListSort.FAVORITED },
-        { defaultOrder: SortOrder.ASC, name: 'Genre', value: SongListSort.GENRE },
-        { defaultOrder: SortOrder.ASC, name: 'Id', value: SongListSort.ID },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: SongListSort.NAME },
-        { defaultOrder: SortOrder.DESC, name: 'Play Count', value: SongListSort.PLAY_COUNT },
-        { defaultOrder: SortOrder.DESC, name: 'Rating', value: SongListSort.RATING },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.id', { postProcess: 'titleCase' }),
+            value: SongListSort.ID,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM_ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.artist', { postProcess: 'titleCase' }),
+            value: SongListSort.ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.bpm', { postProcess: 'titleCase' }),
+            value: SongListSort.BPM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('common.channel', { count: 2, postProcess: 'titleCase' }),
+            value: SongListSort.CHANNELS,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.comment', { postProcess: 'titleCase' }),
+            value: SongListSort.COMMENT,
+        },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Added',
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: SongListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.isFavorited', { postProcess: 'titleCase' }),
+            value: SongListSort.FAVORITED,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: SongListSort.GENRE,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: SongListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: SongListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.rating', { postProcess: 'titleCase' }),
+            value: SongListSort.RATING,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_ADDED,
         },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Played',
+            name: i18n.t('filter.recentlyPlayed', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_PLAYED,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Year', value: SongListSort.YEAR },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.releaseYear', { postProcess: 'titleCase' }),
+            value: SongListSort.YEAR,
+        },
     ],
 };
 
@@ -101,6 +195,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
     tableRef,
     handleToggleShowQueryBuilder,
 }: PlaylistDetailSongListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const { playlistId } = useParams() as { playlistId: string };
     const navigate = useNavigate();
     const queryClient = useQueryClient();
@@ -267,19 +362,16 @@ export const PlaylistDetailSongListHeaderFilters = ({
                 onError: (err) => {
                     toast.error({
                         message: err.message,
-                        title: 'Error deleting playlist',
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }),
                     });
                 },
                 onSuccess: () => {
-                    toast.success({
-                        message: `Playlist has been deleted`,
-                    });
                     navigate(AppRoute.PLAYLISTS, { replace: true });
                 },
             },
         );
         closeAllModals();
-    }, [deletePlaylistMutation, detailQuery.data, navigate]);
+    }, [deletePlaylistMutation, detailQuery.data, navigate, t]);
 
     const openDeletePlaylistModal = () => {
         openModal({
@@ -288,7 +380,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
                     <Text>Are you sure you want to delete this playlist?</Text>
                 </ConfirmModal>
             ),
-            title: 'Delete playlist(s)',
+            title: t('form.deletePlaylist.title', { postProcess: 'sentenceCase' }),
         });
     };
 
@@ -345,19 +437,19 @@ export const PlaylistDetailSongListHeaderFilters = ({
                             icon={<RiPlayFill />}
                             onClick={() => handlePlay(Play.NOW)}
                         >
-                            Play
+                            {t('player.play', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddBoxFill />}
                             onClick={() => handlePlay(Play.LAST)}
                         >
-                            Add to queue
+                            {t('player.addLast', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddCircleFill />}
                             onClick={() => handlePlay(Play.NEXT)}
                         >
-                            Add to queue next
+                            {t('player.addNext', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Divider />
                         <DropdownMenu.Item
@@ -369,20 +461,20 @@ export const PlaylistDetailSongListHeaderFilters = ({
                                 })
                             }
                         >
-                            Edit playlist
+                            {t('action.editPlaylist', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiDeleteBinFill />}
                             onClick={openDeletePlaylistModal}
                         >
-                            Delete playlist
+                            {t('action.deletePlaylist', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Divider />
                         <DropdownMenu.Item
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('action.refresh', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         {server?.type === ServerType.NAVIDROME && !isSmartPlaylist && (
                             <>
@@ -391,7 +483,9 @@ export const PlaylistDetailSongListHeaderFilters = ({
                                     $danger
                                     onClick={handleToggleShowQueryBuilder}
                                 >
-                                    Toggle smart playlist editor
+                                    {t('action.toggleSmartPlaylistEditor', {
+                                        postProcess: 'sentenceCase',
+                                    })}
                                 </DropdownMenu.Item>
                             </>
                         )}
@@ -429,7 +523,9 @@ export const PlaylistDetailSongListHeaderFilters = ({
                             Table (paginated)
                         </DropdownMenu.Item> */}
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.itemSize', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             <Slider
                                 defaultValue={page.table.rowHeight}
diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
index 2828c03c1..29e7a51ec 100644
--- a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
+++ b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx
@@ -1,6 +1,7 @@
+import { MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Stack } from '@mantine/core';
-import { MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router';
 import { LibraryItem } from '/@/renderer/api/types';
 import { Badge, PageHeader, Paper, SpinnerIcon } from '/@/renderer/components';
@@ -23,6 +24,7 @@ export const PlaylistDetailSongListHeader = ({
     itemCount,
     handleToggleShowQueryBuilder,
 }: PlaylistDetailHeaderProps) => {
+    const { t } = useTranslation();
     const { playlistId } = useParams() as { playlistId: string };
     const server = useCurrentServer();
     const detailQuery = usePlaylistDetail({ query: { id: playlistId }, serverId: server?.id });
@@ -58,7 +60,7 @@ export const PlaylistDetailSongListHeader = ({
                             itemCount
                         )}
                     </Paper>
-                    {isSmartPlaylist && <Badge size="lg">Smart playlist</Badge>}
+                    {isSmartPlaylist && <Badge size="lg">{t('entity.smartPlaylist')}</Badge>}
                 </LibraryHeaderBar>
             </PageHeader>
             <Paper p="1rem">
diff --git a/src/renderer/features/playlists/components/playlist-list-header-filters.tsx b/src/renderer/features/playlists/components/playlist-list-header-filters.tsx
index 5c1365b24..c101436c0 100644
--- a/src/renderer/features/playlists/components/playlist-list-header-filters.tsx
+++ b/src/renderer/features/playlists/components/playlist-list-header-filters.tsx
@@ -1,8 +1,9 @@
+import { ChangeEvent, MouseEvent, MutableRefObject, useCallback } from 'react';
 import { IDatasource } from '@ag-grid-community/core';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { useQueryClient } from '@tanstack/react-query';
-import { ChangeEvent, MouseEvent, MutableRefObject, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiMoreFill, RiRefreshLine, RiSettings3Fill } from 'react-icons/ri';
 import { useListContext } from '../../../context/list-context';
 import { useListStoreByKey } from '../../../store/list.store';
@@ -16,20 +17,57 @@ import { OrderToggleButton } from '/@/renderer/features/shared';
 import { useContainerQuery } from '/@/renderer/hooks';
 import { PlaylistListFilter, useCurrentServer, useListStoreActions } from '/@/renderer/store';
 import { ListDisplayType, TableColumn } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
     jellyfin: [
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: PlaylistListSort.DURATION },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: PlaylistListSort.NAME },
-        { defaultOrder: SortOrder.DESC, name: 'Song Count', value: PlaylistListSort.SONG_COUNT },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.songCount', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.SONG_COUNT,
+        },
     ],
     navidrome: [
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: PlaylistListSort.DURATION },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: PlaylistListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Owner', value: PlaylistListSort.OWNER },
-        { defaultOrder: SortOrder.DESC, name: 'Public', value: PlaylistListSort.PUBLIC },
-        { defaultOrder: SortOrder.DESC, name: 'Song Count', value: PlaylistListSort.SONG_COUNT },
-        { defaultOrder: SortOrder.DESC, name: 'Updated At', value: PlaylistListSort.UPDATED_AT },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.owner', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.OWNER,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.isPublic', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.PUBLIC,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.songCount', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.SONG_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.recentlyUpdated', { postProcess: 'titleCase' }),
+            value: PlaylistListSort.UPDATED_AT,
+        },
     ],
 };
 
@@ -42,6 +80,7 @@ export const PlaylistListHeaderFilters = ({
     gridRef,
     tableRef,
 }: PlaylistListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const { pageKey } = useListContext();
     const queryClient = useQueryClient();
     const server = useCurrentServer();
@@ -285,7 +324,7 @@ export const PlaylistListHeaderFilters = ({
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Refresh' }}
+                    tooltip={{ label: t('common.refresh', { postProcess: 'titleCase' }) }}
                     variant="subtle"
                     onClick={handleRefresh}
                 >
@@ -308,7 +347,7 @@ export const PlaylistListHeaderFilters = ({
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('common.refresh', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>
@@ -328,27 +367,29 @@ export const PlaylistListHeaderFilters = ({
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'titleCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
                             value={ListDisplayType.CARD}
                             onClick={handleSetViewType}
                         >
-                            Card
+                            {t('table.config.view.card', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.POSTER}
                             value={ListDisplayType.POSTER}
                             onClick={handleSetViewType}
                         >
-                            Poster
+                            {t('table.config.view.poster', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}
                             onClick={handleSetViewType}
                         >
-                            Table
+                            {t('table.config.view.table', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                         {/* <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE_PAGINATED}
@@ -358,7 +399,9 @@ export const PlaylistListHeaderFilters = ({
                             Table (paginated)
                         </DropdownMenu.Item> */}
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.itemSize', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             <Slider
                                 defaultValue={isGrid ? grid?.itemSize || 0 : table.rowHeight}
@@ -366,23 +409,31 @@ export const PlaylistListHeaderFilters = ({
                                 min={isGrid ? 150 : 25}
                                 onChangeEnd={handleItemSize}
                             />
-                            {isGrid && (
-                                <>
-                                    <DropdownMenu.Label>Item gap</DropdownMenu.Label>
-                                    <DropdownMenu.Item closeMenuOnClick={false}>
-                                        <Slider
-                                            defaultValue={grid?.itemGap || 0}
-                                            max={30}
-                                            min={0}
-                                            onChangeEnd={handleItemGap}
-                                        />
-                                    </DropdownMenu.Item>
-                                </>
-                            )}
                         </DropdownMenu.Item>
+                        {isGrid && (
+                            <>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.itemGap', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
+                                <DropdownMenu.Item closeMenuOnClick={false}>
+                                    <Slider
+                                        defaultValue={grid?.itemGap || 0}
+                                        max={30}
+                                        min={0}
+                                        onChangeEnd={handleItemGap}
+                                    />
+                                </DropdownMenu.Item>
+                            </>
+                        )}
                         {!isGrid && (
                             <>
-                                <DropdownMenu.Label>Table Columns</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.generaltableColumns', {
+                                        postProcess: 'titleCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item
                                     closeMenuOnClick={false}
                                     component="div"
@@ -399,7 +450,11 @@ export const PlaylistListHeaderFilters = ({
                                             onChange={handleTableColumns}
                                         />
                                         <Group position="apart">
-                                            <Text>Auto Fit Columns</Text>
+                                            <Text>
+                                                {t('table.config.general.autoFitColumns', {
+                                                    postProcess: 'titleCase',
+                                                })}
+                                            </Text>
                                             <Switch
                                                 defaultChecked={table.autoFit}
                                                 onChange={handleAutoFitColumns}
diff --git a/src/renderer/features/playlists/components/playlist-list-header.tsx b/src/renderer/features/playlists/components/playlist-list-header.tsx
index 07467b815..15fc3a3d6 100644
--- a/src/renderer/features/playlists/components/playlist-list-header.tsx
+++ b/src/renderer/features/playlists/components/playlist-list-header.tsx
@@ -11,6 +11,7 @@ import { useContainerQuery } from '/@/renderer/hooks';
 import { PlaylistListFilter, useCurrentServer, useListStoreActions } from '/@/renderer/store';
 import { ListDisplayType, ServerType } from '/@/renderer/types';
 import debounce from 'lodash/debounce';
+import { useTranslation } from 'react-i18next';
 import { RiFileAddFill } from 'react-icons/ri';
 import { LibraryItem } from '/@/renderer/api/types';
 import { useListFilterRefresh } from '../../../hooks/use-list-filter-refresh';
@@ -24,6 +25,7 @@ interface PlaylistListHeaderProps {
 }
 
 export const PlaylistListHeader = ({ itemCount, tableRef, gridRef }: PlaylistListHeaderProps) => {
+    const { t } = useTranslation();
     const { pageKey } = useListContext();
     const cq = useContainerQuery();
     const server = useCurrentServer();
@@ -37,7 +39,7 @@ export const PlaylistListHeader = ({ itemCount, tableRef, gridRef }: PlaylistLis
                 tableRef?.current?.api?.purgeInfiniteCache();
             },
             size: server?.type === ServerType?.NAVIDROME ? 'xl' : 'sm',
-            title: 'Create Playlist',
+            title: t('form.createPlaylist.title', { postProcess: 'sentenceCase' }),
         });
     };
 
@@ -74,7 +76,9 @@ export const PlaylistListHeader = ({ itemCount, tableRef, gridRef }: PlaylistLis
                     w="100%"
                 >
                     <LibraryHeaderBar>
-                        <LibraryHeaderBar.Title>Playlists</LibraryHeaderBar.Title>
+                        <LibraryHeaderBar.Title>
+                            {t('page.playlistList.title', { postProcess: 'titleCase' })}
+                        </LibraryHeaderBar.Title>
                         <Paper
                             fw="600"
                             px="1rem"
@@ -88,7 +92,10 @@ export const PlaylistListHeader = ({ itemCount, tableRef, gridRef }: PlaylistLis
                             )}
                         </Paper>
                         <Button
-                            tooltip={{ label: 'Create playlist', openDelay: 500 }}
+                            tooltip={{
+                                label: t('action.createPlaylist', { postProcess: 'sentenceCase' }),
+                                openDelay: 500,
+                            }}
                             variant="filled"
                             onClick={handleCreatePlaylistModal}
                         >
diff --git a/src/renderer/features/playlists/components/playlist-query-builder.tsx b/src/renderer/features/playlists/components/playlist-query-builder.tsx
index 992cd9518..b8a5c8936 100644
--- a/src/renderer/features/playlists/components/playlist-query-builder.tsx
+++ b/src/renderer/features/playlists/components/playlist-query-builder.tsx
@@ -19,6 +19,7 @@ import {
     convertQueryGroupToNDQuery,
 } from '/@/renderer/features/playlists/utils';
 import { QueryBuilderGroup, QueryBuilderRule } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 import { RiMore2Fill, RiSaveLine } from 'react-icons/ri';
 import { SongListSort } from '/@/renderer/api/types';
 import {
@@ -86,6 +87,7 @@ export const PlaylistQueryBuilder = forwardRef(
         { sortOrder, sortBy, limit, isSaving, query, onSave, onSaveAs }: PlaylistQueryBuilderProps,
         ref: Ref<PlaylistQueryBuilderRef>,
     ) => {
+        const { t } = useTranslation();
         const [filters, setFilters] = useState<QueryBuilderGroup>(
             query ? convertNDQueryToQueryGroup(query) : DEFAULT_QUERY,
         );
@@ -354,7 +356,11 @@ export const PlaylistQueryBuilder = forwardRef(
         };
 
         const sortOptions = [
-            { label: 'Random', type: 'string', value: 'random' },
+            {
+                label: t('filter.random', { postProcess: 'titleCase' }),
+                type: 'string',
+                value: 'random',
+            },
             ...NDSongQueryFields,
         ];
 
@@ -414,21 +420,21 @@ export const PlaylistQueryBuilder = forwardRef(
                         <Select
                             data={[
                                 {
-                                    label: 'Ascending',
+                                    label: t('common.ascending', { postProcess: 'titleCase' }),
                                     value: 'asc',
                                 },
                                 {
-                                    label: 'Descending',
+                                    label: t('common.descending', { postProcess: 'titleCase' }),
                                     value: 'desc',
                                 },
                             ]}
-                            label="Order"
+                            label={t('common.order', { postProcess: 'titleCase' })}
                             maxWidth="20%"
                             width={125}
                             {...extraFiltersForm.getInputProps('sortOrder')}
                         />
                         <NumberInput
-                            label="Limit"
+                            label={t('common.limit', { postProcess: 'titleCase' })}
                             maxWidth="20%"
                             width={75}
                             {...extraFiltersForm.getInputProps('limit')}
@@ -444,7 +450,7 @@ export const PlaylistQueryBuilder = forwardRef(
                                 variant="filled"
                                 onClick={handleSaveAs}
                             >
-                                Save as
+                                {t('common.saveAs', { postProcess: 'titleCase' })}
                             </Button>
                             <DropdownMenu position="bottom-end">
                                 <DropdownMenu.Target>
@@ -462,7 +468,7 @@ export const PlaylistQueryBuilder = forwardRef(
                                         icon={<RiSaveLine color="var(--danger-color)" />}
                                         onClick={handleSave}
                                     >
-                                        Save and replace
+                                        {t('common.saveAndReplace', { postProcess: 'titleCase' })}
                                     </DropdownMenu.Item>
                                 </DropdownMenu.Dropdown>
                             </DropdownMenu>
diff --git a/src/renderer/features/playlists/components/save-as-playlist-form.tsx b/src/renderer/features/playlists/components/save-as-playlist-form.tsx
index a0f87d081..5196b2456 100644
--- a/src/renderer/features/playlists/components/save-as-playlist-form.tsx
+++ b/src/renderer/features/playlists/components/save-as-playlist-form.tsx
@@ -4,6 +4,7 @@ import { CreatePlaylistBody, CreatePlaylistResponse, ServerType } from '/@/rende
 import { Button, Switch, TextInput, toast } from '/@/renderer/components';
 import { useCreatePlaylist } from '/@/renderer/features/playlists/mutations/create-playlist-mutation';
 import { useCurrentServer } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
 
 interface SaveAsPlaylistFormProps {
     body: Partial<CreatePlaylistBody>;
@@ -18,6 +19,7 @@ export const SaveAsPlaylistForm = ({
     onSuccess,
     onCancel,
 }: SaveAsPlaylistFormProps) => {
+    const { t } = useTranslation();
     const mutation = useCreatePlaylist({});
     const server = useCurrentServer();
 
@@ -40,10 +42,15 @@ export const SaveAsPlaylistForm = ({
             { body: values, serverId },
             {
                 onError: (err) => {
-                    toast.error({ message: err.message, title: 'Error creating playlist' });
+                    toast.error({
+                        message: err.message,
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }),
+                    });
                 },
                 onSuccess: (data) => {
-                    toast.success({ message: `Playlist has been created` });
+                    toast.success({
+                        message: t('form.createPlaylist.success', { postProcess: 'sentenceCase' }),
+                    });
                     onSuccess(data);
                     onCancel();
                 },
@@ -60,16 +67,25 @@ export const SaveAsPlaylistForm = ({
                 <TextInput
                     data-autofocus
                     required
-                    label="Name"
+                    label={t('form.createPlaylist.input', {
+                        context: 'name',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('name')}
                 />
                 <TextInput
-                    label="Description"
+                    label={t('form.createPlaylist.input', {
+                        context: 'description',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('comment')}
                 />
                 {isPublicDisplayed && (
                     <Switch
-                        label="Is Public?"
+                        label={t('form.createPlaylist.input', {
+                            context: 'public',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('_custom.navidrome.public', { type: 'checkbox' })}
                     />
                 )}
@@ -78,7 +94,7 @@ export const SaveAsPlaylistForm = ({
                         variant="subtle"
                         onClick={onCancel}
                     >
-                        Cancel
+                        {t('common.cancel', { postProcess: 'titleCase' })}
                     </Button>
                     <Button
                         disabled={isSubmitDisabled}
@@ -86,7 +102,7 @@ export const SaveAsPlaylistForm = ({
                         type="submit"
                         variant="filled"
                     >
-                        Save
+                        {t('common.save', { postProcess: 'titleCase' })}
                     </Button>
                 </Group>
             </Stack>
diff --git a/src/renderer/features/playlists/components/update-playlist-form.tsx b/src/renderer/features/playlists/components/update-playlist-form.tsx
index 9f5ca6f63..1192fdad1 100644
--- a/src/renderer/features/playlists/components/update-playlist-form.tsx
+++ b/src/renderer/features/playlists/components/update-playlist-form.tsx
@@ -18,6 +18,8 @@ import { Button, Select, Switch, TextInput, toast } from '/@/renderer/components
 import { useUpdatePlaylist } from '/@/renderer/features/playlists/mutations/update-playlist-mutation';
 import { queryClient } from '/@/renderer/lib/react-query';
 import { useCurrentServer } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
+import i18n from '/@/i18n/i18n';
 
 interface UpdatePlaylistFormProps {
     body: Partial<UpdatePlaylistBody>;
@@ -27,6 +29,7 @@ interface UpdatePlaylistFormProps {
 }
 
 export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlaylistFormProps) => {
+    const { t } = useTranslation();
     const mutation = useUpdatePlaylist({});
     const server = useCurrentServer();
 
@@ -60,10 +63,12 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
             },
             {
                 onError: (err) => {
-                    toast.error({ message: err.message, title: 'Error updating playlist' });
+                    toast.error({
+                        message: err.message,
+                        title: t('error.genericError', { postProcess: 'sentenceCase' }),
+                    });
                 },
                 onSuccess: () => {
-                    toast.success({ message: `Playlist has been saved` });
                     onCancel();
                 },
             },
@@ -71,6 +76,7 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
     });
 
     const isPublicDisplayed = server?.type === ServerType.NAVIDROME;
+    const isOwnerDisplayed = server?.type === ServerType.NAVIDROME;
     const isSubmitDisabled = !form.values.name || mutation.isLoading;
 
     return (
@@ -79,21 +85,35 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                 <TextInput
                     data-autofocus
                     required
-                    label="Name"
+                    label={t('form.createPlaylist.input', {
+                        context: 'name',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('name')}
                 />
                 <TextInput
-                    label="Description"
+                    label={t('form.createPlaylist.input', {
+                        context: 'description',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('comment')}
                 />
-                <Select
-                    data={userList || []}
-                    {...form.getInputProps('_custom.navidrome.ownerId')}
-                    label="Owner"
-                />
+                {isOwnerDisplayed && (
+                    <Select
+                        data={userList || []}
+                        {...form.getInputProps('_custom.navidrome.ownerId')}
+                        label={t('form.createPlaylist.input', {
+                            context: 'owner',
+                            postProcess: 'titleCase',
+                        })}
+                    />
+                )}
                 {isPublicDisplayed && (
                     <Switch
-                        label="Is Public?"
+                        label={t('form.createPlaylist.input', {
+                            context: 'public',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('_custom.navidrome.public', { type: 'checkbox' })}
                     />
                 )}
@@ -102,7 +122,7 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                         variant="subtle"
                         onClick={onCancel}
                     >
-                        Cancel
+                        {t('common.cancel', { postProcess: 'titleCase' })}
                     </Button>
                     <Button
                         disabled={isSubmitDisabled}
@@ -110,7 +130,7 @@ export const UpdatePlaylistForm = ({ users, query, body, onCancel }: UpdatePlayl
                         type="submit"
                         variant="filled"
                     >
-                        Save
+                        {t('common.save', { postProcess: 'titleCase' })}
                     </Button>
                 </Group>
             </Stack>
@@ -132,11 +152,14 @@ export const openUpdatePlaylistModal = async (args: {
 
     if (!server) return;
 
-    const users = await queryClient.fetchQuery({
-        queryFn: ({ signal }) =>
-            api.controller.getUserList({ apiClientProps: { server, signal }, query }),
-        queryKey: queryKeys.users.list(server?.id || '', query),
-    });
+    const users =
+        server?.type === ServerType.NAVIDROME
+            ? await queryClient.fetchQuery({
+                  queryFn: ({ signal }) =>
+                      api.controller.getUserList({ apiClientProps: { server, signal }, query }),
+                  queryKey: queryKeys.users.list(server?.id || '', query),
+              })
+            : null;
 
     openModal({
         children: (
@@ -160,6 +183,6 @@ export const openUpdatePlaylistModal = async (args: {
                 onCancel={closeAllModals}
             />
         ),
-        title: 'Edit playlist',
+        title: i18n.t('form.editPlaylist.title', { postProcess: 'titleCase' }) as string,
     });
 };
diff --git a/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx b/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx
index 322eb1e23..eb55407fb 100644
--- a/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx
+++ b/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx
@@ -2,6 +2,7 @@ import { useRef, useState } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Box, Group } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
+import { useTranslation } from 'react-i18next';
 import { RiArrowDownSLine, RiArrowUpSLine } from 'react-icons/ri';
 import { generatePath, useNavigate, useParams } from 'react-router';
 import { PlaylistDetailSongListContent } from '../components/playlist-detail-song-list-content';
@@ -19,6 +20,7 @@ import { PlaylistSongListQuery, ServerType, SongListSort, SortOrder } from '/@/r
 import { usePlaylistSongList } from '/@/renderer/features/playlists/queries/playlist-song-list-query';
 
 const PlaylistDetailSongListRoute = () => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
     const tableRef = useRef<AgGridReactType | null>(null);
     const { playlistId } = useParams() as { playlistId: string };
@@ -114,7 +116,7 @@ const PlaylistDetailSongListRoute = () => {
                     }
                 />
             ),
-            title: 'Save as',
+            title: t('common.saveAs', { postProcess: 'sentenceCase' }),
         });
     };
 
@@ -189,20 +191,18 @@ const PlaylistDetailSongListRoute = () => {
                             </Button>
                             <Text>Query Editor</Text>
                         </Group>
-                        <Box>
-                            {isQueryBuilderExpanded && (
-                                <PlaylistQueryBuilder
-                                    key={JSON.stringify(detailQuery?.data?.rules)}
-                                    isSaving={createPlaylistMutation?.isLoading}
-                                    limit={detailQuery?.data?.rules?.limit}
-                                    query={detailQuery?.data?.rules}
-                                    sortBy={detailQuery?.data?.rules?.sort || SongListSort.ALBUM}
-                                    sortOrder={detailQuery?.data?.rules?.order || 'asc'}
-                                    onSave={handleSave}
-                                    onSaveAs={handleSaveAs}
-                                />
-                            )}
-                        </Box>
+                        {isQueryBuilderExpanded && (
+                            <PlaylistQueryBuilder
+                                key={JSON.stringify(detailQuery?.data?.rules)}
+                                isSaving={createPlaylistMutation?.isLoading}
+                                limit={detailQuery?.data?.rules?.limit}
+                                query={detailQuery?.data?.rules}
+                                sortBy={detailQuery?.data?.rules?.sort || SongListSort.ALBUM}
+                                sortOrder={detailQuery?.data?.rules?.order || 'asc'}
+                                onSave={handleSave}
+                                onSaveAs={handleSaveAs}
+                            />
+                        )}
                     </Paper>
                 </Box>
             )}
diff --git a/src/renderer/features/search/components/go-to-commands.tsx b/src/renderer/features/search/components/go-to-commands.tsx
index dc9f31c52..4947ba5a8 100644
--- a/src/renderer/features/search/components/go-to-commands.tsx
+++ b/src/renderer/features/search/components/go-to-commands.tsx
@@ -1,4 +1,5 @@
 import { useCallback, Dispatch } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router';
 import { Command, CommandPalettePages } from '/@/renderer/features/search/components/command';
 import { AppRoute } from '/@/renderer/router/routes';
@@ -10,6 +11,7 @@ interface GoToCommandsProps {
 }
 
 export const GoToCommands = ({ setQuery, setPages, handleClose }: GoToCommandsProps) => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
 
     const goTo = useCallback(
@@ -25,19 +27,35 @@ export const GoToCommands = ({ setQuery, setPages, handleClose }: GoToCommandsPr
     return (
         <>
             <Command.Group>
-                <Command.Item onSelect={() => goTo(AppRoute.HOME)}>Home</Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.SEARCH)}>Search</Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.SETTINGS)}>Settings</Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.HOME)}>
+                    {t('page.sidebar.home', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.SEARCH)}>
+                    {t('page.sidebar.search', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.SETTINGS)}>
+                    {t('page.sidebar.settings', { postProcess: 'titleCase' })}
+                </Command.Item>
             </Command.Group>
             <Command.Group heading="Library">
-                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_ALBUMS)}>Albums</Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_SONGS)}>Tracks</Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_ALBUMS)}>
+                    {t('page.sidebar.albums', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_SONGS)}>
+                    {t('page.sidebar.tracks', { postProcess: 'titleCase' })}
+                </Command.Item>
                 <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_ALBUM_ARTISTS)}>
-                    Album artists
+                    {t('page.sidebar.albumArtists', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_GENRES)}>
+                    {t('page.sidebar.genres', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_FOLDERS)}>
+                    {t('page.sidebar.folders', { postProcess: 'titleCase' })}
+                </Command.Item>
+                <Command.Item onSelect={() => goTo(AppRoute.PLAYLISTS)}>
+                    {t('page.sidebar.playlists', { postProcess: 'titleCase' })}
                 </Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_GENRES)}>Genres</Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.LIBRARY_FOLDERS)}>Folders</Command.Item>
-                <Command.Item onSelect={() => goTo(AppRoute.PLAYLISTS)}>Playlists</Command.Item>
             </Command.Group>
             <Command.Separator />
         </>
diff --git a/src/renderer/features/search/components/home-commands.tsx b/src/renderer/features/search/components/home-commands.tsx
index a68351abe..914772d4b 100644
--- a/src/renderer/features/search/components/home-commands.tsx
+++ b/src/renderer/features/search/components/home-commands.tsx
@@ -1,6 +1,7 @@
+import { Dispatch, useCallback } from 'react';
 import { openModal, closeAllModals } from '@mantine/modals';
 import { nanoid } from 'nanoid/non-secure';
-import { Dispatch, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { generatePath, useNavigate } from 'react-router';
 import { createSearchParams } from 'react-router-dom';
 import { LibraryItem } from '/@/renderer/api/types';
@@ -25,6 +26,7 @@ export const HomeCommands = ({
     setPages,
     handleClose,
 }: HomeCommandsProps) => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
     const server = useCurrentServer();
 
@@ -34,9 +36,9 @@ export const HomeCommands = ({
         openModal({
             children: <CreatePlaylistForm onCancel={() => closeAllModals()} />,
             size: server?.type === ServerType?.NAVIDROME ? 'xl' : 'sm',
-            title: 'Create Playlist',
+            title: t('form.createPlaylist.title', { postProcess: 'sentenceCase' }),
         });
-    }, [handleClose, server?.type]);
+    }, [handleClose, server?.type, t]);
 
     const handleSearch = () => {
         navigate(
@@ -58,21 +60,31 @@ export const HomeCommands = ({
 
     return (
         <>
-            <Command.Group heading="Commands">
+            <Command.Group heading={t('page.globalSearch.title', { postProcess: 'titleCase' })}>
                 <Command.Item
-                    value="Search"
+                    value={t('common.search', { postProcess: 'sentenceCase' })}
                     onSelect={handleSearch}
                 >
-                    {query ? `Search for "${query}"...` : 'Search...'}
+                    {query
+                        ? t('page.globalSearch.commands.searchFor', {
+                              postProcess: 'sentenceCase',
+                              query,
+                          })
+                        : `${t('common.search', { postProcess: 'sentenceCase' })}...`}
+                </Command.Item>
+                <Command.Item onSelect={handleCreatePlaylistModal}>
+                    {t('action.createPlaylist', { postProcess: 'sentenceCase' })}...
                 </Command.Item>
-                <Command.Item onSelect={handleCreatePlaylistModal}>Create playlist...</Command.Item>
                 <Command.Item onSelect={() => setPages([...pages, CommandPalettePages.GO_TO])}>
-                    Go to page...
+                    {t('page.globalSearch.commands.goToPage', { postProcess: 'sentenceCase' })}...
                 </Command.Item>
                 <Command.Item
                     onSelect={() => setPages([...pages, CommandPalettePages.MANAGE_SERVERS])}
                 >
-                    Server commands...
+                    {t('page.globalSearch.commands.serverCommands', {
+                        postProcess: 'sentenceCase',
+                    })}
+                    ...
                 </Command.Item>
             </Command.Group>
         </>
diff --git a/src/renderer/features/search/components/library-command-item.tsx b/src/renderer/features/search/components/library-command-item.tsx
index 2f0195d85..54716fe76 100644
--- a/src/renderer/features/search/components/library-command-item.tsx
+++ b/src/renderer/features/search/components/library-command-item.tsx
@@ -1,5 +1,6 @@
-import { Center, Flex } from '@mantine/core';
 import { useCallback, MouseEvent } from 'react';
+import { Center, Flex } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import {
     RiAddBoxFill,
     RiAddCircleFill,
@@ -68,6 +69,7 @@ export const LibraryCommandItem = ({
     itemType,
     handlePlayQueueAdd,
 }: LibraryCommandItemProps) => {
+    const { t } = useTranslation();
     let Placeholder = RiAlbumFill;
 
     switch (itemType) {
@@ -153,7 +155,10 @@ export const LibraryCommandItem = ({
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Play', openDelay: 500 }}
+                    tooltip={{
+                        label: t('player.play', { postProcess: 'sentenceCase' }),
+                        openDelay: 500,
+                    }}
                     variant="default"
                     onClick={(e) => handlePlay(e, id, Play.NOW)}
                 >
@@ -162,7 +167,11 @@ export const LibraryCommandItem = ({
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Add to queue', openDelay: 500 }}
+                    tooltip={{
+                        label: t('player.addLast', { postProcess: 'sentenceCase' }),
+
+                        openDelay: 500,
+                    }}
                     variant="default"
                     onClick={(e) => handlePlay(e, id, Play.LAST)}
                 >
@@ -171,7 +180,10 @@ export const LibraryCommandItem = ({
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Play next', openDelay: 500 }}
+                    tooltip={{
+                        label: t('player.addNext', { postProcess: 'sentenceCase' }),
+                        openDelay: 500,
+                    }}
                     variant="default"
                     onClick={(e) => handlePlay(e, id, Play.NEXT)}
                 >
diff --git a/src/renderer/features/search/components/search-header.tsx b/src/renderer/features/search/components/search-header.tsx
index d86d775f9..0e31a6dac 100644
--- a/src/renderer/features/search/components/search-header.tsx
+++ b/src/renderer/features/search/components/search-header.tsx
@@ -1,7 +1,8 @@
+import { ChangeEvent, MutableRefObject } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Flex, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { generatePath, Link, useParams, useSearchParams } from 'react-router-dom';
 import { useCurrentServer } from '../../../store/auth.store';
 import { LibraryItem } from '/@/renderer/api/types';
@@ -17,6 +18,7 @@ interface SearchHeaderProps {
 }
 
 export const SearchHeader = ({ tableRef, navigationId }: SearchHeaderProps) => {
+    const { t } = useTranslation();
     const { itemType } = useParams() as { itemType: LibraryItem };
     const [searchParams, setSearchParams] = useSearchParams();
     const cq = useContainerQuery();
@@ -70,7 +72,7 @@ export const SearchHeader = ({ tableRef, navigationId }: SearchHeaderProps) => {
                         }}
                         variant={itemType === LibraryItem.SONG ? 'filled' : 'subtle'}
                     >
-                        Tracks
+                        {t('entity.track_other', { postProcess: 'sentenceCase' })}
                     </Button>
                     <Button
                         compact
@@ -87,7 +89,7 @@ export const SearchHeader = ({ tableRef, navigationId }: SearchHeaderProps) => {
                         }}
                         variant={itemType === LibraryItem.ALBUM ? 'filled' : 'subtle'}
                     >
-                        Albums
+                        {t('entity.album_other', { postProcess: 'sentenceCase' })}
                     </Button>
                     <Button
                         compact
@@ -104,7 +106,7 @@ export const SearchHeader = ({ tableRef, navigationId }: SearchHeaderProps) => {
                         }}
                         variant={itemType === LibraryItem.ALBUM_ARTIST ? 'filled' : 'subtle'}
                     >
-                        Artists
+                        {t('entity.artist_other', { postProcess: 'sentenceCase' })}
                     </Button>
                 </Group>
             </FilterBar>
diff --git a/src/renderer/features/search/components/server-commands.tsx b/src/renderer/features/search/components/server-commands.tsx
index 17b8be66c..c5425efb4 100644
--- a/src/renderer/features/search/components/server-commands.tsx
+++ b/src/renderer/features/search/components/server-commands.tsx
@@ -4,6 +4,7 @@ import { Command, CommandPalettePages } from '/@/renderer/features/search/compon
 import { ServerList } from '/@/renderer/features/servers';
 import { useAuthStoreActions, useServerList } from '/@/renderer/store';
 import { ServerListItem } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router';
 import { AppRoute } from '/@/renderer/router/routes';
 
@@ -14,6 +15,7 @@ interface ServerCommandsProps {
 }
 
 export const ServerCommands = ({ setQuery, setPages, handleClose }: ServerCommandsProps) => {
+    const { t } = useTranslation();
     const serverList = useServerList();
     const navigate = useNavigate();
     const { setCurrentServer } = useAuthStoreActions();
@@ -21,12 +23,12 @@ export const ServerCommands = ({ setQuery, setPages, handleClose }: ServerComman
     const handleManageServersModal = useCallback(() => {
         openModal({
             children: <ServerList />,
-            title: 'Manage Servers',
+            title: t('page.appMenu.manageServers', { postProcess: 'sentenceCase' }),
         });
         handleClose();
         setQuery('');
         setPages([CommandPalettePages.HOME]);
-    }, [handleClose, setPages, setQuery]);
+    }, [handleClose, setPages, setQuery, t]);
 
     const handleSelectServer = useCallback(
         (server: ServerListItem) => {
@@ -41,16 +43,20 @@ export const ServerCommands = ({ setQuery, setPages, handleClose }: ServerComman
 
     return (
         <>
-            <Command.Group heading="Select a server">
+            <Command.Group
+                heading={t('page.appMenu.selectServer', { postProcess: 'sentenceCase' })}
+            >
                 {Object.keys(serverList).map((key) => (
                     <Command.Item
                         key={key}
                         onSelect={() => handleSelectServer(serverList[key])}
-                    >{`Switch to ${serverList[key].name}...`}</Command.Item>
+                    >{`${serverList[key].name}...`}</Command.Item>
                 ))}
             </Command.Group>
-            <Command.Group heading="Manage">
-                <Command.Item onSelect={handleManageServersModal}>Manage servers...</Command.Item>
+            <Command.Group heading={t('common.manage', { postProcess: 'sentenceCase' })}>
+                <Command.Item onSelect={handleManageServersModal}>
+                    {t('page.appMenu.manageServers', { postProcess: 'sentenceCase' })}...
+                </Command.Item>
             </Command.Group>
             <Command.Separator />
         </>
diff --git a/src/renderer/features/servers/components/add-server-form.tsx b/src/renderer/features/servers/components/add-server-form.tsx
index 31e4e2d0b..d55a34bca 100644
--- a/src/renderer/features/servers/components/add-server-form.tsx
+++ b/src/renderer/features/servers/components/add-server-form.tsx
@@ -7,9 +7,10 @@ import { closeAllModals } from '@mantine/modals';
 import isElectron from 'is-electron';
 import { nanoid } from 'nanoid/non-secure';
 import { AuthenticationResponse } from '/@/renderer/api/types';
-import { useAuthStore, useAuthStoreActions } from '/@/renderer/store';
-import { ServerType } from '/@/renderer/types';
+import { useAuthStoreActions } from '/@/renderer/store';
+import { ServerType, toServerType } from '/@/renderer/types';
 import { api } from '/@/renderer/api';
+import { useTranslation } from 'react-i18next';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
@@ -24,30 +25,44 @@ interface AddServerFormProps {
 }
 
 export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
+    const { t } = useTranslation();
     const focusTrapRef = useFocusTrap(true);
     const [isLoading, setIsLoading] = useState(false);
     const { addServer, setCurrentServer } = useAuthStoreActions();
-    const serverList = useAuthStore((state) => state.serverList);
 
     const form = useForm({
         initialValues: {
             legacyAuth: false,
-            name: '',
+            name: (localSettings ? localSettings.env.SERVER_NAME : window.SERVER_NAME) ?? '',
             password: '',
             savePassword: false,
-            type: ServerType.JELLYFIN,
-            url: 'http://',
+            type:
+                (localSettings
+                    ? localSettings.env.SERVER_TYPE
+                    : toServerType(window.SERVER_TYPE)) ?? ServerType.JELLYFIN,
+            url: (localSettings ? localSettings.env.SERVER_URL : window.SERVER_URL) ?? 'https://',
             username: '',
         },
     });
 
+    // server lock for web is only true if lock is true *and* all other properties are set
+    const serverLock =
+        (localSettings
+            ? !!localSettings.env.SERVER_LOCK
+            : !!window.SERVER_LOCK &&
+              window.SERVER_TYPE &&
+              window.SERVER_NAME &&
+              window.SERVER_URL) || false;
+
     const isSubmitDisabled = !form.values.name || !form.values.url || !form.values.username;
 
     const handleSubmit = form.onSubmit(async (values) => {
         const authFunction = api.controller.authenticate;
 
         if (!authFunction) {
-            return toast.error({ message: 'Selected server type is invalid' });
+            return toast.error({
+                message: t('error.invalidServer', { postProcess: 'sentenceCase' }),
+            });
         }
 
         try {
@@ -59,11 +74,13 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
                     password: values.password,
                     username: values.username,
                 },
-                values.type,
+                values.type as ServerType,
             );
 
             if (!data) {
-                return toast.error({ message: 'Authentication failed' });
+                return toast.error({
+                    message: t('error.authenticationFailed', { postProcess: 'sentenceCase' }),
+                });
             }
 
             const serverItem = {
@@ -71,7 +88,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
                 id: nanoid(),
                 name: values.name,
                 ndCredential: data.ndCredential,
-                type: values.type,
+                type: values.type as ServerType,
                 url: values.url.replace(/\/$/, ''),
                 userId: data.userId,
                 username: data.username,
@@ -81,17 +98,19 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
             setCurrentServer(serverItem);
             closeAllModals();
 
-            if (Object.keys(serverList).length === 0) {
-                toast.success({ message: 'Server has been added, reloading...' });
-                setTimeout(() => window.location.reload(), 2000);
-            } else {
-                toast.success({ message: 'Server has been added' });
-            }
+            toast.success({
+                message: t('form.addServer.success', { postProcess: 'sentenceCase' }),
+            });
 
             if (localSettings && values.savePassword) {
                 const saved = await localSettings.passwordSet(values.password, serverItem.id);
                 if (!saved) {
-                    toast.error({ message: 'Could not save password' });
+                    toast.error({
+                        message: t('form.addServer.error', {
+                            context: 'savePassword',
+                            postProcess: 'sentenceCase',
+                        }),
+                    });
                 }
             }
         } catch (err: any) {
@@ -110,30 +129,48 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
             >
                 <SegmentedControl
                     data={SERVER_TYPES}
+                    disabled={serverLock}
                     {...form.getInputProps('type')}
                 />
                 <Group grow>
                     <TextInput
                         data-autofocus
-                        label="Name"
+                        disabled={serverLock}
+                        label={t('form.addServer.input', {
+                            context: 'name',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('name')}
                     />
                     <TextInput
-                        label="Url"
+                        disabled={serverLock}
+                        label={t('form.addServer.input', {
+                            context: 'url',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('url')}
                     />
                 </Group>
                 <TextInput
-                    label="Username"
+                    label={t('form.addServer.input', {
+                        context: 'username',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('username')}
                 />
                 <PasswordInput
-                    label="Password"
+                    label={t('form.addServer.input', {
+                        context: 'password',
+                        postProcess: 'titleCase',
+                    })}
                     {...form.getInputProps('password')}
                 />
                 {localSettings && form.values.type === ServerType.NAVIDROME && (
                     <Checkbox
-                        label="Save password"
+                        label={t('form.addServer.input', {
+                            context: 'savePassword',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('savePassword', {
                             type: 'checkbox',
                         })}
@@ -141,7 +178,10 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
                 )}
                 {form.values.type === ServerType.SUBSONIC && (
                     <Checkbox
-                        label="Enable legacy authentication"
+                        label={t('form.addServer.input', {
+                            context: 'legacyAuthentication',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('legacyAuth', { type: 'checkbox' })}
                     />
                 )}
@@ -150,7 +190,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
                         variant="subtle"
                         onClick={onCancel}
                     >
-                        Cancel
+                        {t('common.cancel', { postProcess: 'titleCase' })}
                     </Button>
                     <Button
                         disabled={isSubmitDisabled}
@@ -158,7 +198,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
                         type="submit"
                         variant="filled"
                     >
-                        Add
+                        {t('common.add', { postProcess: 'titleCase' })}
                     </Button>
                 </Group>
             </Stack>
diff --git a/src/renderer/features/servers/components/edit-server-form.tsx b/src/renderer/features/servers/components/edit-server-form.tsx
index 2887e4389..47fb110cb 100644
--- a/src/renderer/features/servers/components/edit-server-form.tsx
+++ b/src/renderer/features/servers/components/edit-server-form.tsx
@@ -5,11 +5,15 @@ import { useForm } from '@mantine/form';
 import { useFocusTrap } from '@mantine/hooks';
 import { closeAllModals } from '@mantine/modals';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { RiInformationLine } from 'react-icons/ri';
 import { AuthenticationResponse } from '/@/renderer/api/types';
 import { useAuthStoreActions } from '/@/renderer/store';
 import { ServerListItem, ServerType } from '/@/renderer/types';
 import { api } from '/@/renderer/api';
+import i18n from '/@/i18n/i18n';
+import { queryClient } from '/@/renderer/lib/react-query';
+import { queryKeys } from '/@/renderer/api/query-keys';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
@@ -22,7 +26,7 @@ interface EditServerFormProps {
 
 const ModifiedFieldIndicator = () => {
     return (
-        <Tooltip label="Field has been modified">
+        <Tooltip label={i18n.t('common.modified', { postProcess: 'titleCase' }) as string}>
             <span>
                 <RiInformationLine color="red" />
             </span>
@@ -31,6 +35,7 @@ const ModifiedFieldIndicator = () => {
 };
 
 export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditServerFormProps) => {
+    const { t } = useTranslation();
     const { updateServer } = useAuthStoreActions();
     const focusTrapRef = useFocusTrap();
     const [isLoading, setIsLoading] = useState(false);
@@ -54,7 +59,9 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
         const authFunction = api.controller.authenticate;
 
         if (!authFunction) {
-            return toast.error({ message: 'Selected server type is invalid' });
+            return toast.error({
+                message: t('error.invalidServer', { postProcess: 'sentenceCase' }),
+            });
         }
 
         try {
@@ -70,7 +77,9 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
             );
 
             if (!data) {
-                return toast.error({ message: 'Authentication failed' });
+                return toast.error({
+                    message: t('error.authenticationFailed', { postProcess: 'sentenceCase' }),
+                });
             }
 
             const serverItem = {
@@ -85,18 +94,27 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
             };
 
             updateServer(server.id, serverItem);
-            toast.success({ message: 'Server has been updated' });
+            toast.success({
+                message: t('form.updateServer.title', { postProcess: 'sentenceCase' }),
+            });
 
             if (localSettings) {
                 if (values.savePassword) {
                     const saved = await localSettings.passwordSet(values.password, server.id);
                     if (!saved) {
-                        toast.error({ message: 'Could not save password' });
+                        toast.error({
+                            message: t('form.addServer.error', {
+                                context: 'savePassword',
+                                postProcess: 'sentenceCase',
+                            }),
+                        });
                     }
                 } else {
                     localSettings.passwordRemove(server.id);
                 }
             }
+
+            queryClient.invalidateQueries({ queryKey: queryKeys.server.root(server.id) });
         } catch (err: any) {
             setIsLoading(false);
             return toast.error({ message: err?.message });
@@ -111,31 +129,46 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
             <Stack ref={focusTrapRef}>
                 <TextInput
                     required
-                    label="Name"
+                    label={t('form.addServer.input', {
+                        context: 'name',
+                        postProcess: 'titleCase',
+                    })}
                     rightSection={form.isDirty('name') && <ModifiedFieldIndicator />}
                     {...form.getInputProps('name')}
                 />
                 <TextInput
                     required
-                    label="Url"
+                    label={t('form.addServer.input', {
+                        context: 'url',
+                        postProcess: 'titleCase',
+                    })}
                     rightSection={form.isDirty('url') && <ModifiedFieldIndicator />}
                     {...form.getInputProps('url')}
                 />
                 <TextInput
                     required
-                    label="Username"
+                    label={t('form.addServer.input', {
+                        context: 'username',
+                        postProcess: 'titleCase',
+                    })}
                     rightSection={form.isDirty('username') && <ModifiedFieldIndicator />}
                     {...form.getInputProps('username')}
                 />
                 <PasswordInput
                     data-autofocus
-                    required
-                    label="Password"
+                    label={t('form.addServer.input', {
+                        context: 'password',
+                        postProcess: 'titleCase',
+                    })}
+                    required={isNavidrome || isSubsonic}
                     {...form.getInputProps('password')}
                 />
                 {localSettings && isNavidrome && (
                     <Checkbox
-                        label="Save password"
+                        label={t('form.addServer.input', {
+                            context: 'savePassword',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('savePassword', {
                             type: 'checkbox',
                         })}
@@ -143,7 +176,10 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
                 )}
                 {isSubsonic && (
                     <Checkbox
-                        label="Enable legacy authentication"
+                        label={t('form.addServer.input', {
+                            context: 'legacyAuthentication',
+                            postProcess: 'titleCase',
+                        })}
                         {...form.getInputProps('legacyAuth', {
                             type: 'checkbox',
                         })}
@@ -154,14 +190,14 @@ export const EditServerForm = ({ isUpdate, password, server, onCancel }: EditSer
                         variant="subtle"
                         onClick={onCancel}
                     >
-                        Cancel
+                        {t('common.cancel', { postProcess: 'titleCase' })}
                     </Button>
                     <Button
                         loading={isLoading}
                         type="submit"
                         variant="filled"
                     >
-                        Save
+                        {t('common.save', { postProcess: 'titleCase' })}
                     </Button>
                 </Group>
             </Stack>
diff --git a/src/renderer/features/servers/components/server-list.tsx b/src/renderer/features/servers/components/server-list.tsx
index 0a3c476e7..05ecaa95f 100644
--- a/src/renderer/features/servers/components/server-list.tsx
+++ b/src/renderer/features/servers/components/server-list.tsx
@@ -4,6 +4,7 @@ import { Accordion, Button, ContextModalVars, Switch } from '/@/renderer/compone
 import { useLocalStorage } from '@mantine/hooks';
 import { openContextModal } from '@mantine/modals';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { RiAddFill, RiServerFill } from 'react-icons/ri';
 import { AddServerForm } from '/@/renderer/features/servers/components/add-server-form';
 import { ServerListItem } from '/@/renderer/features/servers/components/server-list-item';
@@ -13,6 +14,7 @@ import { titleCase } from '/@/renderer/utils';
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const ServerList = () => {
+    const { t } = useTranslation();
     const serverListQuery = useServerList();
 
     const handleAddServerModal = () => {
@@ -24,7 +26,7 @@ export const ServerList = () => {
                 ),
             },
             modal: 'base',
-            title: 'Add server',
+            title: t('form.addServer.title', { postProcess: 'titleCase' }),
         });
     };
 
@@ -74,7 +76,7 @@ export const ServerList = () => {
                     variant="filled"
                     onClick={handleAddServerModal}
                 >
-                    Add server
+                    {t('form.addServer.title', { postProcess: 'titleCase' })}
                 </Button>
             </Group>
             <Stack>
@@ -104,14 +106,18 @@ export const ServerList = () => {
                         <Group>
                             <Switch
                                 checked={ignoreCORS === 'true'}
-                                label="Ignore CORS (requires restart)"
+                                label={t('form.addServer.ignoreCors', {
+                                    postProcess: 'sentenceCase',
+                                })}
                                 onChange={handleUpdateIgnoreCORS}
                             />
                         </Group>
                         <Group>
                             <Switch
                                 checked={ignoreSSL === 'true'}
-                                label="Ignore SSL (requires restart)"
+                                label={t('form.addServer.ignoreSsl', {
+                                    postProcess: 'sentenceCase',
+                                })}
                                 onChange={handleUpdateIgnoreSSL}
                             />
                         </Group>
diff --git a/src/renderer/features/settings/components/general/application-settings.tsx b/src/renderer/features/settings/components/general/application-settings.tsx
index f0b7c2aa0..1052a2c91 100644
--- a/src/renderer/features/settings/components/general/application-settings.tsx
+++ b/src/renderer/features/settings/components/general/application-settings.tsx
@@ -1,14 +1,29 @@
+import type { IpcRendererEvent } from 'electron';
 import isElectron from 'is-electron';
-import { NumberInput, Select } from '/@/renderer/components';
+import { FileInput, NumberInput, Select, toast } from '/@/renderer/components';
 import {
     SettingsSection,
     SettingOption,
 } from '/@/renderer/features/settings/components/settings-section';
-import { useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
+import {
+    useFontSettings,
+    useGeneralSettings,
+    useSettingsStoreActions,
+} from '/@/renderer/store/settings.store';
+import { useTranslation } from 'react-i18next';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { FontType } from '/@/renderer/types';
+import i18n, { languages } from '/@/i18n/i18n';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
+const ipc = isElectron() ? window.electron.ipc : null;
+
+type Font = {
+    label: string;
+    value: string;
+};
 
-const FONT_OPTIONS = [
+const FONT_OPTIONS: Font[] = [
     { label: 'Archivo', value: 'Archivo' },
     { label: 'Fredoka', value: 'Fredoka' },
     { label: 'Inter', value: 'Inter' },
@@ -20,42 +35,228 @@ const FONT_OPTIONS = [
     { label: 'Work Sans', value: 'Work Sans' },
 ];
 
+const FONT_TYPES: Font[] = [
+    {
+        label: i18n.t('setting.fontType', {
+            context: 'optionBuiltIn',
+            postProcess: 'sentenceCase',
+        }),
+        value: FontType.BUILT_IN,
+    },
+];
+
+if (window.queryLocalFonts) {
+    FONT_TYPES.push({
+        label: i18n.t('setting.fontType', { context: 'optionSystem', postProcess: 'sentenceCase' }),
+        value: FontType.SYSTEM,
+    });
+}
+
+if (isElectron()) {
+    FONT_TYPES.push({
+        label: i18n.t('setting.fontType', { context: 'optionCustom', postProcess: 'sentenceCase' }),
+        value: FontType.CUSTOM,
+    });
+}
+
 export const ApplicationSettings = () => {
+    const { t } = useTranslation();
     const settings = useGeneralSettings();
+    const fontSettings = useFontSettings();
     const { setSettings } = useSettingsStoreActions();
+    const [localFonts, setLocalFonts] = useState<Font[]>([]);
+
+    const fontList = useMemo(() => {
+        if (fontSettings.custom) {
+            return fontSettings.custom.split(/(\\|\/)/g).pop()!;
+        }
+        return '';
+    }, [fontSettings.custom]);
+
+    const onFontError = useCallback(
+        (_: IpcRendererEvent, file: string) => {
+            toast.error({
+                message: `${file} is not a valid font file`,
+            });
+
+            setSettings({
+                font: {
+                    ...fontSettings,
+                    custom: null,
+                },
+            });
+        },
+        [fontSettings, setSettings],
+    );
+
+    useEffect(() => {
+        if (localSettings) {
+            localSettings.fontError(onFontError);
+
+            return () => {
+                ipc?.removeAllListeners('custom-font-error');
+            };
+        }
+
+        return () => {};
+    }, [onFontError]);
+
+    useEffect(() => {
+        const getFonts = async () => {
+            if (
+                fontSettings.type === FontType.SYSTEM &&
+                localFonts.length === 0 &&
+                window.queryLocalFonts
+            ) {
+                try {
+                    // WARNING (Oct 17 2023): while this query is valid for chromium-based
+                    // browsers, it is still experimental, and so Typescript will complain
+                    // @ts-ignore
+                    const status = await navigator.permissions.query({ name: 'local-fonts' });
+
+                    if (status.state === 'denied') {
+                        throw new Error(
+                            t('error.localFontAccessDenied', { postProcess: 'sentenceCase' }),
+                        );
+                    }
+
+                    const data = await window.queryLocalFonts();
+                    setLocalFonts(
+                        data.map((font) => ({
+                            label: font.fullName,
+                            value: font.postscriptName,
+                        })),
+                    );
+                } catch (error) {
+                    toast.error({
+                        message: t('error.systemFontError', { postProcess: 'sentenceCase' }),
+                    });
+
+                    setSettings({
+                        font: {
+                            ...fontSettings,
+                            type: FontType.BUILT_IN,
+                        },
+                    });
+                }
+            }
+        };
+        getFonts();
+    }, [fontSettings, localFonts, setSettings, t]);
+
+    const handleChangeLanguage = (e: string) => {
+        setSettings({
+            general: {
+                ...settings,
+                language: e,
+            },
+        });
+    };
 
     const options: SettingOption[] = [
         {
             control: (
                 <Select
-                    disabled
-                    data={[]}
+                    data={languages}
+                    value={settings.language}
+                    onChange={handleChangeLanguage}
                 />
             ),
-            description: 'Sets the application language',
+            description: t('setting.language', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Language',
+            title: t('setting.language', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Select
+                    data={FONT_TYPES}
+                    value={fontSettings.type}
+                    onChange={(e) => {
+                        if (!e) return;
+                        setSettings({
+                            font: {
+                                ...fontSettings,
+                                type: e as FontType,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.fontType', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: FONT_TYPES.length === 1,
+            title: t('setting.fontType', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <Select
                     searchable
                     data={FONT_OPTIONS}
-                    defaultValue={settings.fontContent}
+                    value={fontSettings.builtIn}
                     onChange={(e) => {
                         if (!e) return;
                         setSettings({
-                            general: {
-                                ...settings,
-                                fontContent: e,
+                            font: {
+                                ...fontSettings,
+                                builtIn: e,
                             },
                         });
                     }}
                 />
             ),
-            description: 'Sets the application content font',
-            isHidden: false,
-            title: 'Font (Content)',
+            description: t('setting.font', { context: 'description', postProcess: 'sentenceCase' }),
+            isHidden: localFonts && fontSettings.type !== FontType.BUILT_IN,
+            title: t('setting.font', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Select
+                    searchable
+                    data={localFonts}
+                    value={fontSettings.system}
+                    w={300}
+                    onChange={(e) => {
+                        if (!e) return;
+                        setSettings({
+                            font: {
+                                ...fontSettings,
+                                system: e,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.font', { context: 'description', postProcess: 'sentenceCase' }),
+            isHidden: !localFonts || fontSettings.type !== FontType.SYSTEM,
+            title: t('setting.font', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <FileInput
+                    accept=".ttc,.ttf,.otf,.woff,.woff2"
+                    placeholder={fontList}
+                    w={300}
+                    onChange={(e) =>
+                        setSettings({
+                            font: {
+                                ...fontSettings,
+                                custom: e?.path ?? null,
+                            },
+                        })
+                    }
+                />
+            ),
+            description: t('setting.customFontPath', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: fontSettings.type !== FontType.CUSTOM,
+            title: t('setting.customFontPath', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -78,9 +279,14 @@ export const ApplicationSettings = () => {
                     }}
                 />
             ),
-            description: 'Sets the application zoom factor in percent',
+            description: t('setting.zoom', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Zoom factor',
+            title: t('setting.zoom', {
+                postProcess: 'sentenceCase',
+            }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/general/control-settings.tsx b/src/renderer/features/settings/components/general/control-settings.tsx
index 0d8560942..fb882d2a7 100644
--- a/src/renderer/features/settings/components/general/control-settings.tsx
+++ b/src/renderer/features/settings/components/general/control-settings.tsx
@@ -1,5 +1,6 @@
-import isElectron from 'is-electron';
 import { Group } from '@mantine/core';
+import { t } from 'i18next';
+import isElectron from 'is-electron';
 import { Select, Tooltip, NumberInput, Switch, Slider } from '/@/renderer/components';
 import { SettingsSection } from '/@/renderer/features/settings/components/settings-section';
 import {
@@ -8,19 +9,86 @@ import {
     useSettingsStoreActions,
 } from '/@/renderer/store/settings.store';
 import { Play } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 const SIDE_QUEUE_OPTIONS = [
-    { label: 'Fixed', value: 'sideQueue' },
-    { label: 'Floating', value: 'sideDrawerQueue' },
+    {
+        label: t('setting.sidePlayQueueStyle', {
+            context: 'optionAttached',
+            postProcess: 'sentenceCase',
+        }),
+        value: 'sideQueue',
+    },
+    {
+        label: t('setting.sidePlayQueueStyle', {
+            context: 'optionDetached',
+            postProcess: 'sentenceCase',
+        }),
+        value: 'sideDrawerQueue',
+    },
 ];
 
 export const ControlSettings = () => {
+    const { t } = useTranslation();
     const settings = useGeneralSettings();
     const { setSettings } = useSettingsStoreActions();
 
     const controlOptions = [
+        {
+            control: (
+                <NumberInput
+                    defaultValue={settings.buttonSize}
+                    max={30}
+                    min={15}
+                    rightSection="px"
+                    width={75}
+                    onBlur={(e) => {
+                        if (!e) return;
+                        const newVal = e.currentTarget.value
+                            ? Math.min(Math.max(Number(e.currentTarget.value), 15), 30)
+                            : settings.buttonSize;
+                        setSettings({
+                            general: {
+                                ...settings,
+                                buttonSize: newVal,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.buttonSize', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.buttonSize', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <NumberInput
+                    defaultValue={settings.albumArtRes || undefined}
+                    max={2500}
+                    min={175}
+                    placeholder="0"
+                    rightSection="px"
+                    width={75}
+                    onBlur={(e) => {
+                        const newVal = e.currentTarget.value
+                            ? Math.min(Math.max(Number(e.currentTarget.value), 175), 2500)
+                            : null;
+                        setSettings({ general: { ...settings, albumArtRes: newVal } });
+                    }}
+                />
+            ),
+            description: t('setting.playerAlbumArtResolution', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: false,
+            title: t('setting.playerAlbumArtResolution', { postProcess: 'sentenceCase' }),
+        },
         {
             control: (
                 <Switch
@@ -39,14 +107,17 @@ export const ControlSettings = () => {
                     }
                 />
             ),
-            description: 'Show or hide the skip buttons on the playerbar',
+            description: t('setting.showSkipButtons', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Show skip buttons',
+            title: t('setting.showSkipButtons', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <Group>
-                    <Tooltip label="Backward">
+                    <Tooltip label={t('common.backward', { postProcess: 'titleCase' })}>
                         <NumberInput
                             defaultValue={settings.skipButtons.skipBackwardSeconds}
                             min={0}
@@ -66,7 +137,7 @@ export const ControlSettings = () => {
                             }
                         />
                     </Tooltip>
-                    <Tooltip label="Forward">
+                    <Tooltip label={t('common.forward', { postProcess: 'titleCase' })}>
                         <NumberInput
                             defaultValue={settings.skipButtons.skipForwardSeconds}
                             min={0}
@@ -88,18 +159,38 @@ export const ControlSettings = () => {
                     </Tooltip>
                 </Group>
             ),
-            description:
-                'The number (in seconds) to skip forward or backward when using the skip buttons',
+            description: t('setting.skipDuration', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Skip duration',
+            title: t('setting.skipDuration', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <Select
                     data={[
-                        { label: 'Now', value: Play.NOW },
-                        { label: 'Next', value: Play.NEXT },
-                        { label: 'Last', value: Play.LAST },
+                        {
+                            label: t('setting.playButtonBehavior', {
+                                context: 'optionPlay',
+                                postProcess: 'titleCase',
+                            }),
+                            value: Play.NOW,
+                        },
+                        {
+                            label: t('setting.playButtonBehavior', {
+                                context: 'optionAddNext',
+                                postProcess: 'titleCase',
+                            }),
+                            value: Play.NEXT,
+                        },
+                        {
+                            label: t('setting.playButtonBehavior', {
+                                context: 'optionAddLast',
+                                postProcess: 'titleCase',
+                            }),
+                            value: Play.LAST,
+                        },
                     ]}
                     defaultValue={settings.playButtonBehavior}
                     onChange={(e) =>
@@ -112,9 +203,12 @@ export const ControlSettings = () => {
                     }
                 />
             ),
-            description: 'The default behavior of the play button when adding songs to the queue',
+            description: t('setting.playButtonBehavior', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Play button behavior',
+            title: t('setting.playButtonBehavior', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -131,9 +225,12 @@ export const ControlSettings = () => {
                     }}
                 />
             ),
-            description: 'The style of the sidebar play queue',
+            description: t('setting.sidePlayQueueStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Side play queue style',
+            title: t('setting.sidePlayQueueStyle', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -149,10 +246,12 @@ export const ControlSettings = () => {
                     }}
                 />
             ),
-            description:
-                'Display a hover icon on the right side of the application view the play queue',
+            description: t('setting.sidePlayQueueStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Show floating queue hover area',
+            title: t('setting.floatingQueueArea', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -171,10 +270,12 @@ export const ControlSettings = () => {
                     }}
                 />
             ),
-            description:
-                'The amount of volume to change when scrolling the mouse wheel on the volume slider',
+            description: t('setting.volumeWheelStep', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Volume wheel step',
+            title: t('setting.volumeWheelStep', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -191,9 +292,12 @@ export const ControlSettings = () => {
                     }}
                 />
             ),
-            description: 'When exiting, save the current play queue and restore it when reopening',
+            description: t('setting.savePlayQueue', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Save play queue',
+            title: t('setting.savePlayQueue', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -210,10 +314,32 @@ export const ControlSettings = () => {
                     }
                 />
             ),
-            description:
-                'When navigating to a playlist, go to the playlist song list page instead of the default page',
+            description: t('setting.skipPlaylistPage', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Go to playlist songs page by default',
+            title: t('setting.skipPlaylistPage', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Switch
+                    defaultChecked={settings.externalLinks}
+                    onChange={(e) => {
+                        setSettings({
+                            general: {
+                                ...settings,
+                                externalLinks: e.currentTarget.checked,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.externalLinks', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.externalLinks', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/general/draggable-item.tsx b/src/renderer/features/settings/components/general/draggable-item.tsx
new file mode 100644
index 000000000..7f7eb641b
--- /dev/null
+++ b/src/renderer/features/settings/components/general/draggable-item.tsx
@@ -0,0 +1,51 @@
+import { Group } from '@mantine/core';
+import { useDragControls, Reorder } from 'framer-motion';
+import { MdDragIndicator } from 'react-icons/md';
+import { Checkbox } from '/@/renderer/components';
+
+const DragHandle = ({ dragControls }: any) => {
+    return (
+        <MdDragIndicator
+            color="white"
+            style={{ cursor: 'grab' }}
+            onPointerDown={(event) => dragControls.start(event)}
+        />
+    );
+};
+
+interface SidebarItem {
+    disabled: boolean;
+    id: string;
+}
+
+export interface DraggableItemProps {
+    handleChangeDisabled: (id: string, e: boolean) => void;
+    item: SidebarItem;
+    value: string;
+}
+
+export const DraggableItem = ({ item, value, handleChangeDisabled }: DraggableItemProps) => {
+    const dragControls = useDragControls();
+
+    return (
+        <Reorder.Item
+            as="div"
+            dragControls={dragControls}
+            dragListener={false}
+            value={item}
+        >
+            <Group
+                noWrap
+                h="3rem"
+                style={{ boxShadow: '0 1px 3px rgba(0,0,0,.1)' }}
+            >
+                <Checkbox
+                    checked={!item.disabled}
+                    onChange={(e) => handleChangeDisabled(item.id, e.target.checked)}
+                />
+                <DragHandle dragControls={dragControls} />
+                {value}
+            </Group>
+        </Reorder.Item>
+    );
+};
diff --git a/src/renderer/features/settings/components/general/general-tab.tsx b/src/renderer/features/settings/components/general/general-tab.tsx
index 748648b77..bae90101e 100644
--- a/src/renderer/features/settings/components/general/general-tab.tsx
+++ b/src/renderer/features/settings/components/general/general-tab.tsx
@@ -4,6 +4,9 @@ import { ControlSettings } from '/@/renderer/features/settings/components/genera
 import { SidebarSettings } from '/@/renderer/features/settings/components/general/sidebar-settings';
 import { ThemeSettings } from '/@/renderer/features/settings/components/general/theme-settings';
 import { RemoteSettings } from '/@/renderer/features/settings/components/general/remote-settings';
+import { CacheSettings } from '/@/renderer/features/settings/components/window/cache-settngs';
+import isElectron from 'is-electron';
+import { HomeSettings } from '/@/renderer/features/settings/components/general/home-settings';
 
 export const GeneralTab = () => {
     return (
@@ -14,9 +17,17 @@ export const GeneralTab = () => {
             <Divider />
             <ControlSettings />
             <Divider />
+            <HomeSettings />
+            <Divider />
             <SidebarSettings />
+            {isElectron() && (
+                <>
+                    <Divider />
+                    <RemoteSettings />
+                </>
+            )}
             <Divider />
-            <RemoteSettings />
+            <CacheSettings />
         </Stack>
     );
 };
diff --git a/src/renderer/features/settings/components/general/home-settings.tsx b/src/renderer/features/settings/components/general/home-settings.tsx
new file mode 100644
index 000000000..ca05bbce6
--- /dev/null
+++ b/src/renderer/features/settings/components/general/home-settings.tsx
@@ -0,0 +1,107 @@
+import { useCallback, useMemo, useState } from 'react';
+import { Reorder } from 'framer-motion';
+import isEqual from 'lodash/isEqual';
+import { useTranslation } from 'react-i18next';
+import { Button } from '/@/renderer/components';
+import {
+    useSettingsStoreActions,
+    useGeneralSettings,
+    HomeItem,
+} from '../../../../store/settings.store';
+import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
+import { DraggableItem } from '/@/renderer/features/settings/components/general/draggable-item';
+
+export const HomeSettings = () => {
+    const { t } = useTranslation();
+    const { homeItems } = useGeneralSettings();
+    const { setHomeItems } = useSettingsStoreActions();
+    const [open, setOpen] = useState(false);
+
+    const translatedSidebarItemMap = useMemo(
+        () => ({
+            [HomeItem.RANDOM]: t('page.home.explore', { postProcess: 'sentenceCase' }),
+            [HomeItem.RECENTLY_PLAYED]: t('page.home.recentlyPlayed', {
+                postProcess: 'sentenceCase',
+            }),
+            [HomeItem.RECENTLY_ADDED]: t('page.home.newlyAdded', { postProcess: 'sentenceCase' }),
+            [HomeItem.MOST_PLAYED]: t('page.home.mostPlayed', { postProcess: 'sentenceCase' }),
+        }),
+        [t],
+    );
+
+    const [localHomeItems, setLocalHomeItems] = useState(homeItems);
+
+    const handleSave = () => {
+        setHomeItems(localHomeItems);
+    };
+
+    const handleChangeDisabled = useCallback((id: string, e: boolean) => {
+        setLocalHomeItems((items) =>
+            items.map((item) => {
+                if (item.id === id) {
+                    return {
+                        ...item,
+                        disabled: !e,
+                    };
+                }
+
+                return item;
+            }),
+        );
+    }, []);
+
+    const isSaveButtonDisabled = isEqual(homeItems, localHomeItems);
+
+    return (
+        <>
+            <SettingsOptions
+                control={
+                    <>
+                        {open && (
+                            <Button
+                                compact
+                                disabled={isSaveButtonDisabled}
+                                variant="filled"
+                                onClick={handleSave}
+                            >
+                                {t('common.save', { postProcess: 'titleCase' })}
+                            </Button>
+                        )}
+                        <Button
+                            compact
+                            variant="filled"
+                            onClick={() => setOpen(!open)}
+                        >
+                            {t(open ? 'common.close' : 'common.edit', { postProcess: 'titleCase' })}
+                        </Button>
+                    </>
+                }
+                description={t('setting.homeConfiguration', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.homeConfiguration', { postProcess: 'sentenceCase' })}
+            />
+            {open && (
+                <Reorder.Group
+                    axis="y"
+                    values={localHomeItems}
+                    onReorder={setLocalHomeItems}
+                >
+                    {localHomeItems.map((item) => (
+                        <DraggableItem
+                            key={item.id}
+                            handleChangeDisabled={handleChangeDisabled}
+                            item={item}
+                            value={
+                                translatedSidebarItemMap[
+                                    item.id as keyof typeof translatedSidebarItemMap
+                                ]
+                            }
+                        />
+                    ))}
+                </Reorder.Group>
+            )}
+        </>
+    );
+};
diff --git a/src/renderer/features/settings/components/general/remote-settings.tsx b/src/renderer/features/settings/components/general/remote-settings.tsx
index 798c52af9..0178b676c 100644
--- a/src/renderer/features/settings/components/general/remote-settings.tsx
+++ b/src/renderer/features/settings/components/general/remote-settings.tsx
@@ -3,10 +3,12 @@ import { SettingsSection } from '/@/renderer/features/settings/components/settin
 import { useRemoteSettings, useSettingsStoreActions } from '/@/renderer/store';
 import { NumberInput, Switch, Text, TextInput, toast } from '/@/renderer/components';
 import debounce from 'lodash/debounce';
+import { useTranslation } from 'react-i18next';
 
 const remote = isElectron() ? window.electron.remote : null;
 
 export const RemoteSettings = () => {
+    const { t } = useTranslation();
     const settings = useRemoteSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -25,7 +27,9 @@ export const RemoteSettings = () => {
         } else {
             toast.error({
                 message: errorMsg,
-                title: enabled ? 'Error enabling remote' : 'Error disabling remote',
+                title: enabled
+                    ? t('error.remoteEnableError', { postProcess: 'sentenceCase' })
+                    : t('error.remoteDisableError', { postProcess: 'sentenceCase' }),
             });
         }
     }, 50);
@@ -40,12 +44,12 @@ export const RemoteSettings = () => {
                 },
             });
             toast.warn({
-                message: 'To have your port change take effect, stop and restart the server',
+                message: t('error.remotePortWarning', { postProcess: 'sentenceCase' }),
             });
         } else {
             toast.error({
                 message: errorMsg,
-                title: 'Error setting port',
+                title: t('error.remotePortError', { postProcess: 'sentenceCase' }),
             });
         }
     }, 100);
@@ -56,7 +60,6 @@ export const RemoteSettings = () => {
         {
             control: (
                 <Switch
-                    aria-label="Enable remote control server"
                     defaultChecked={settings.enabled}
                     onChange={async (e) => {
                         const enabled = e.currentTarget.checked;
@@ -65,8 +68,15 @@ export const RemoteSettings = () => {
                 />
             ),
             description: (
-                <div>
-                    Start an HTTP server to remotely control Feishin. This will listen on{' '}
+                <Text
+                    $noSelect
+                    $secondary
+                    size="sm"
+                >
+                    {t('setting.enableRemote', {
+                        context: 'description',
+                        postProcess: 'sentenceCase',
+                    })}{' '}
                     <a
                         href={url}
                         rel="noreferrer noopener"
@@ -74,15 +84,14 @@ export const RemoteSettings = () => {
                     >
                         {url}
                     </a>
-                </div>
+                </Text>
             ),
             isHidden,
-            title: 'Enable remote control',
+            title: t('setting.enableRemote', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <NumberInput
-                    aria-label="Set remote port"
                     max={65535}
                     value={settings.port}
                     onBlur={async (e) => {
@@ -92,15 +101,16 @@ export const RemoteSettings = () => {
                     }}
                 />
             ),
-            description:
-                'Remote server port. Changes here only take effect when you enable the remote',
+            description: t('setting.remotePort', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden,
-            title: 'Remove server port',
+            title: t('setting.remotePort', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <TextInput
-                    aria-label="Set remote username"
                     defaultValue={settings.username}
                     onBlur={(e) => {
                         const username = e.currentTarget.value;
@@ -115,15 +125,16 @@ export const RemoteSettings = () => {
                     }}
                 />
             ),
-            description:
-                'Username that must be provided to access remote. If both username and password are empty, disable authentication',
+            description: t('setting.remoteUsername', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden,
-            title: 'Remote username',
+            title: t('setting.remoteUsername', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <TextInput
-                    aria-label="Set remote password"
                     defaultValue={settings.password}
                     onBlur={(e) => {
                         const password = e.currentTarget.value;
@@ -138,22 +149,14 @@ export const RemoteSettings = () => {
                     }}
                 />
             ),
-            description: 'Password to access remote',
+            description: t('setting.remotePassword', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden,
-            title: 'Remote password',
+            title: t('setting.remotePassword', { postProcess: 'sentenceCase' }),
         },
     ];
 
-    return (
-        <>
-            <SettingsSection options={controlOptions} />
-            <Text size="lg">
-                <b>
-                    NOTE: these credentials are by default transferred insecurely. Do not use a
-                    password you care about. Changing username/password will disconnect clients and
-                    require them to reauthenticate
-                </b>
-            </Text>
-        </>
-    );
+    return <SettingsSection options={controlOptions} />;
 };
diff --git a/src/renderer/features/settings/components/general/sidebar-settings.tsx b/src/renderer/features/settings/components/general/sidebar-settings.tsx
index cb9952f15..861810f47 100644
--- a/src/renderer/features/settings/components/general/sidebar-settings.tsx
+++ b/src/renderer/features/settings/components/general/sidebar-settings.tsx
@@ -1,61 +1,34 @@
-import { ChangeEvent, useCallback, useState } from 'react';
-import { Group } from '@mantine/core';
-import { Reorder, useDragControls } from 'framer-motion';
+import { ChangeEvent, useCallback, useMemo, useState } from 'react';
+import { Reorder } from 'framer-motion';
 import isEqual from 'lodash/isEqual';
-import { MdDragIndicator } from 'react-icons/md';
-import { Button, Checkbox, Switch } from '/@/renderer/components';
+import { useTranslation } from 'react-i18next';
+import { Button, Switch } from '/@/renderer/components';
 import { useSettingsStoreActions, useGeneralSettings } from '../../../../store/settings.store';
 import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
-
-const DragHandle = ({ dragControls }: any) => {
-    return (
-        <MdDragIndicator
-            color="white"
-            style={{ cursor: 'grab' }}
-            onPointerDown={(event) => dragControls.start(event)}
-        />
-    );
-};
-
-interface SidebarItem {
-    disabled: boolean;
-    id: string;
-}
-
-interface DraggableSidebarItemProps {
-    handleChangeDisabled: (id: string, e: boolean) => void;
-    item: SidebarItem;
-}
-
-const DraggableSidebarItem = ({ item, handleChangeDisabled }: DraggableSidebarItemProps) => {
-    const dragControls = useDragControls();
-
-    return (
-        <Reorder.Item
-            as="div"
-            dragControls={dragControls}
-            dragListener={false}
-            value={item}
-        >
-            <Group
-                noWrap
-                h="3rem"
-                style={{ boxShadow: '0 1px 3px rgba(0,0,0,.1)' }}
-            >
-                <Checkbox
-                    checked={!item.disabled}
-                    onChange={(e) => handleChangeDisabled(item.id, e.target.checked)}
-                />
-                <DragHandle dragControls={dragControls} />
-                {item.id}
-            </Group>
-        </Reorder.Item>
-    );
-};
+import { DraggableItem } from '/@/renderer/features/settings/components/general/draggable-item';
 
 export const SidebarSettings = () => {
+    const { t } = useTranslation();
     const settings = useGeneralSettings();
     const { setSidebarItems, setSettings } = useSettingsStoreActions();
+    const [open, setOpen] = useState(false);
+
+    const translatedSidebarItemMap = useMemo(
+        () => ({
+            Albums: t('page.sidebar.albums', { postProcess: 'titleCase' }),
+            Artists: t('page.sidebar.artists', { postProcess: 'titleCase' }),
+            Folders: t('page.sidebar.folders', { postProcess: 'titleCase' }),
+            Genres: t('page.sidebar.genres', { postProcess: 'titleCase' }),
+            Home: t('page.sidebar.home', { postProcess: 'titleCase' }),
+            'Now Playing': t('page.sidebar.nowPlaying', { postProcess: 'titleCase' }),
+            Playlists: t('page.sidebar.playlists', { postProcess: 'titleCase' }),
+            Rescan: t('page.sidebar.rescan', { postProcess: 'titleCase' }),
+            Search: t('page.sidebar.search', { postProcess: 'titleCase' }),
+            Settings: t('page.sidebar.settings', { postProcess: 'titleCase' }),
+            Tracks: t('page.sidebar.tracks', { postProcess: 'titleCase' }),
+        }),
+        [t],
+    );
 
     const [localSidebarItems, setLocalSidebarItems] = useState(settings.sidebarItems);
 
@@ -107,8 +80,11 @@ export const SidebarSettings = () => {
                         onChange={handleSetSidebarPlaylistList}
                     />
                 }
-                description="Show playlist list in sidebar"
-                title="Sidebar playlist list"
+                description={t('setting.sidebarPlaylistList', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.sidebarPlaylistList', { postProcess: 'sentenceCase' })}
             />
             <SettingsOptions
                 control={
@@ -117,36 +93,60 @@ export const SidebarSettings = () => {
                         onChange={handleSetSidebarCollapsedNavigation}
                     />
                 }
-                description="Show navigation buttons in the collapsed sidebar"
-                title="Sidebar (collapsed) navigation"
+                description={t('setting.sidebarPlaylistList', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.sidebarCollapsedNavigation', { postProcess: 'sentenceCase' })}
             />
             <SettingsOptions
                 control={
-                    <Button
-                        compact
-                        disabled={isSaveButtonDisabled}
-                        variant="filled"
-                        onClick={handleSave}
-                    >
-                        Save sidebar configuration
-                    </Button>
+                    <>
+                        {open && (
+                            <Button
+                                compact
+                                disabled={isSaveButtonDisabled}
+                                variant="filled"
+                                onClick={handleSave}
+                            >
+                                {t('common.save', { postProcess: 'titleCase' })}
+                            </Button>
+                        )}
+                        <Button
+                            compact
+                            variant="filled"
+                            onClick={() => setOpen(!open)}
+                        >
+                            {t(open ? 'common.close' : 'common.edit', { postProcess: 'titleCase' })}
+                        </Button>
+                    </>
                 }
-                description="Select the items and order in which they appear in the sidebar"
-                title="Sidebar configuration"
+                description={t('setting.sidebarCollapsedNavigation', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.sidebarConfiguration', { postProcess: 'sentenceCase' })}
             />
-            <Reorder.Group
-                axis="y"
-                values={localSidebarItems}
-                onReorder={setLocalSidebarItems}
-            >
-                {localSidebarItems.map((item) => (
-                    <DraggableSidebarItem
-                        key={item.id}
-                        handleChangeDisabled={handleChangeDisabled}
-                        item={item}
-                    />
-                ))}
-            </Reorder.Group>
+            {open && (
+                <Reorder.Group
+                    axis="y"
+                    values={localSidebarItems}
+                    onReorder={setLocalSidebarItems}
+                >
+                    {localSidebarItems.map((item) => (
+                        <DraggableItem
+                            key={item.id}
+                            handleChangeDisabled={handleChangeDisabled}
+                            item={item}
+                            value={
+                                translatedSidebarItemMap[
+                                    item.id as keyof typeof translatedSidebarItemMap
+                                ]
+                            }
+                        />
+                    ))}
+                </Reorder.Group>
+            )}
         </>
     );
 };
diff --git a/src/renderer/features/settings/components/general/theme-settings.tsx b/src/renderer/features/settings/components/general/theme-settings.tsx
index 86525135d..d908ee546 100644
--- a/src/renderer/features/settings/components/general/theme-settings.tsx
+++ b/src/renderer/features/settings/components/general/theme-settings.tsx
@@ -1,3 +1,4 @@
+import { ColorInput, Stack } from '@mantine/core';
 import { Switch, Select } from '/@/renderer/components';
 import {
     SettingsSection,
@@ -6,8 +7,13 @@ import {
 import { THEME_DATA } from '/@/renderer/hooks';
 import { useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import { AppTheme } from '/@/renderer/themes/types';
+import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
+
+const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const ThemeSettings = () => {
+    const { t } = useTranslation();
     const settings = useGeneralSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -23,12 +29,24 @@ export const ThemeSettings = () => {
                                 followSystemTheme: e.currentTarget.checked,
                             },
                         });
+                        if (localSettings) {
+                            localSettings.themeSet(
+                                e.currentTarget.checked
+                                    ? 'system'
+                                    : settings.theme === AppTheme.DEFAULT_DARK
+                                    ? 'dark'
+                                    : 'light',
+                            );
+                        }
                     }}
                 />
             ),
-            description: 'Follows the system-defined light or dark preference',
+            description: t('setting.useSystemTheme', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: false,
-            title: 'Use system theme',
+            title: t('setting.useSystemTheme', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -36,18 +54,27 @@ export const ThemeSettings = () => {
                     data={THEME_DATA}
                     defaultValue={settings.theme}
                     onChange={(e) => {
+                        const theme = e as AppTheme;
                         setSettings({
                             general: {
                                 ...settings,
-                                theme: e as AppTheme,
+                                theme,
                             },
                         });
+                        if (localSettings) {
+                            localSettings.themeSet(
+                                theme === AppTheme.DEFAULT_DARK ? 'dark' : 'light',
+                            );
+                        }
                     }}
                 />
             ),
-            description: 'Sets the default theme',
+            description: t('setting.theme', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.followSystemTheme,
-            title: 'Theme',
+            title: t('setting.theme', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -64,9 +91,12 @@ export const ThemeSettings = () => {
                     }}
                 />
             ),
-            description: 'Sets the dark theme',
+            description: t('setting.themeDark', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !settings.followSystemTheme,
-            title: 'Theme (dark)',
+            title: t('setting.themeDark', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -83,9 +113,44 @@ export const ThemeSettings = () => {
                     }}
                 />
             ),
-            description: 'Sets the light theme',
+            description: t('setting.themeLight', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !settings.followSystemTheme,
-            title: 'Theme (light)',
+            title: t('setting.themeLight', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Stack align="center">
+                    <ColorInput
+                        defaultValue={settings.accent}
+                        format="rgb"
+                        swatches={[
+                            'rgb(53, 116, 252)',
+                            'rgb(240, 170, 22)',
+                            'rgb(29, 185, 84)',
+                            'rgb(214, 81, 63)',
+                            'rgb(170, 110, 216)',
+                        ]}
+                        swatchesPerRow={5}
+                        withEyeDropper={false}
+                        onChangeEnd={(e) => {
+                            setSettings({
+                                general: {
+                                    ...settings,
+                                    accent: e,
+                                },
+                            });
+                        }}
+                    />
+                </Stack>
+            ),
+            description: t('setting.accentColor', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.accentColor', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/hotkeys/hotkey-manager-settings.tsx b/src/renderer/features/settings/components/hotkeys/hotkey-manager-settings.tsx
index 8762715b0..a84c7ff45 100644
--- a/src/renderer/features/settings/components/hotkeys/hotkey-manager-settings.tsx
+++ b/src/renderer/features/settings/components/hotkeys/hotkey-manager-settings.tsx
@@ -2,42 +2,92 @@ import { useCallback, useMemo, useState, KeyboardEvent, ChangeEvent } from 'reac
 import { Group } from '@mantine/core';
 import isElectron from 'is-electron';
 import debounce from 'lodash/debounce';
+import { useTranslation } from 'react-i18next';
 import { RiDeleteBinLine, RiEditLine, RiKeyboardBoxLine } from 'react-icons/ri';
 import styled from 'styled-components';
 import { Button, TextInput, Checkbox } from '/@/renderer/components';
 import { BindingActions, useHotkeySettings, useSettingsStoreActions } from '/@/renderer/store';
 import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
+import i18n from '/@/i18n/i18n';
 
 const ipc = isElectron() ? window.electron.ipc : null;
 
 const BINDINGS_MAP: Record<BindingActions, string> = {
-    browserBack: 'Browser back',
-    browserForward: 'Browser forward',
-    globalSearch: 'Global search',
-    localSearch: 'In-page search',
-    next: 'Next track',
-    pause: 'Pause',
-    play: 'Play',
-    playPause: 'Play / Pause',
-    previous: 'Previous track',
-    rate0: 'Rating clear',
-    rate1: 'Rating 1 star',
-    rate2: 'Rating 2 star',
-    rate3: 'Rating 3 star',
-    rate4: 'Rating 4 star',
-    rate5: 'Rating 5 star',
-    skipBackward: 'Skip backward',
-    skipForward: 'Skip forward',
-    stop: 'Stop',
-    toggleFullscreenPlayer: 'Toggle fullscreen player',
-    toggleQueue: 'Toggle queue',
-    toggleRepeat: 'Toggle repeat',
-    toggleShuffle: 'Toggle shuffle',
-    volumeDown: 'Volume down',
-    volumeMute: 'Volume mute',
-    volumeUp: 'Volume up',
-    zoomIn: 'Zoom in',
-    zoomOut: 'Zoom out',
+    browserBack: i18n.t('setting.hotkey', { context: 'browserBack', postProcess: 'sentenceCase' }),
+    browserForward: i18n.t('setting.hotkey', {
+        context: 'browserForward',
+        postProcess: 'sentenceCase',
+    }),
+    favoriteCurrentAdd: i18n.t('setting.hotkey', {
+        context: 'favoriteCurrentSong',
+        postProcess: 'sentenceCase',
+    }),
+    favoriteCurrentRemove: i18n.t('setting.hotkey', {
+        context: 'unfavoriteCurrentSong',
+        postProcess: 'sentenceCase',
+    }),
+    favoriteCurrentToggle: i18n.t('setting.hotkey', {
+        context: 'toggleCurrentSongFavorite',
+        postProcess: 'sentenceCase',
+    }),
+    favoritePreviousAdd: i18n.t('setting.hotkey', {
+        context: 'favoritePreviousSong',
+        postProcess: 'sentenceCase',
+    }),
+    favoritePreviousRemove: i18n.t('setting.hotkey', {
+        context: 'unfavoritePreviousSong',
+        postProcess: 'sentenceCase',
+    }),
+    favoritePreviousToggle: i18n.t('setting.hotkey', {
+        context: 'togglePreviousSongFavorite',
+        postProcess: 'sentenceCase',
+    }),
+    globalSearch: i18n.t('setting.hotkey', {
+        context: 'globalSearch',
+        postProcess: 'sentenceCase',
+    }),
+    localSearch: i18n.t('setting.hotkey', { context: 'localSearch', postProcess: 'sentenceCase' }),
+    next: i18n.t('setting.hotkey', { context: 'playbackNext', postProcess: 'sentenceCase' }),
+    pause: i18n.t('setting.hotkey', { context: 'playbackPause', postProcess: 'sentenceCase' }),
+    play: i18n.t('setting.hotkey', { context: 'playbackPlay', postProcess: 'sentenceCase' }),
+    playPause: i18n.t('setting.hotkey', {
+        context: 'playbackPlayPause',
+        postProcess: 'sentenceCase',
+    }),
+    previous: i18n.t('setting.hotkey', {
+        context: 'playbackPrevious',
+        postProcess: 'sentenceCase',
+    }),
+    rate0: i18n.t('setting.hotkey', { context: 'rate0', postProcess: 'sentenceCase' }),
+    rate1: i18n.t('setting.hotkey', { context: 'rate1', postProcess: 'sentenceCase' }),
+    rate2: i18n.t('setting.hotkey', { context: 'rate2', postProcess: 'sentenceCase' }),
+    rate3: i18n.t('setting.hotkey', { context: 'rate3', postProcess: 'sentenceCase' }),
+    rate4: i18n.t('setting.hotkey', { context: 'rate4', postProcess: 'sentenceCase' }),
+    rate5: i18n.t('setting.hotkey', { context: 'rate5', postProcess: 'sentenceCase' }),
+    skipBackward: i18n.t('setting.hotkey', {
+        context: 'skipBackward',
+        postProcess: 'sentenceCase',
+    }),
+    skipForward: i18n.t('setting.hotkey', { context: 'skipForward', postProcess: 'sentenceCase' }),
+    stop: i18n.t('setting.hotkey', { context: 'playbackStop', postProcess: 'sentenceCase' }),
+    toggleFullscreenPlayer: i18n.t('setting.hotkey', {
+        context: 'toggleFullScreenPlayer',
+        postProcess: 'sentenceCase',
+    }),
+    toggleQueue: i18n.t('setting.hotkey', { context: 'toggleQueue', postProcess: 'sentenceCase' }),
+    toggleRepeat: i18n.t('setting.hotkey', {
+        context: 'toggleRepeat',
+        postProcess: 'sentenceCase',
+    }),
+    toggleShuffle: i18n.t('setting.hotkey', {
+        context: 'toggleShuffle',
+        postProcess: 'sentenceCase',
+    }),
+    volumeDown: i18n.t('setting.hotkey', { context: 'volumeDown', postProcess: 'sentenceCase' }),
+    volumeMute: i18n.t('setting.hotkey', { context: 'volumeMute', postProcess: 'sentenceCase' }),
+    volumeUp: i18n.t('setting.hotkey', { context: 'volumeUp', postProcess: 'sentenceCase' }),
+    zoomIn: i18n.t('setting.hotkey', { context: 'zoomIn', postProcess: 'sentenceCase' }),
+    zoomOut: i18n.t('setting.hotkey', { context: 'zoomOut', postProcess: 'sentenceCase' }),
 };
 
 const HotkeysContainer = styled.div`
@@ -53,6 +103,7 @@ const HotkeysContainer = styled.div`
 `;
 
 export const HotkeyManagerSettings = () => {
+    const { t } = useTranslation();
     const { bindings, globalMediaHotkeys } = useHotkeySettings();
     const { setSettings } = useSettingsStoreActions();
     const [selected, setSelected] = useState<BindingActions | null>(null);
@@ -169,8 +220,11 @@ export const HotkeyManagerSettings = () => {
         <>
             <SettingsOptions
                 control={<></>}
-                description="Configure application hotkeys. Toggle the checkbox to set as a global hotkey (desktop only)"
-                title="Application hotkeys"
+                description={t('setting.applicationHotkeys', {
+                    context: 'description',
+                    postProcess: 'sentenceCase',
+                })}
+                title={t('setting.applicationHotkeys', { postProcess: 'sentenceCase' })}
             />
             <HotkeysContainer>
                 {Object.keys(bindings)
diff --git a/src/renderer/features/settings/components/hotkeys/window-hotkey-settings.tsx b/src/renderer/features/settings/components/hotkeys/window-hotkey-settings.tsx
index 00d23ed84..f6b98dabe 100644
--- a/src/renderer/features/settings/components/hotkeys/window-hotkey-settings.tsx
+++ b/src/renderer/features/settings/components/hotkeys/window-hotkey-settings.tsx
@@ -1,4 +1,5 @@
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { SettingOption, SettingsSection } from '../settings-section';
 import { Switch } from '/@/renderer/components';
 import { useHotkeySettings, useSettingsStoreActions } from '/@/renderer/store';
@@ -6,6 +7,7 @@ import { useHotkeySettings, useSettingsStoreActions } from '/@/renderer/store';
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const WindowHotkeySettings = () => {
+    const { t } = useTranslation();
     const settings = useHotkeySettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -13,7 +15,6 @@ export const WindowHotkeySettings = () => {
         {
             control: (
                 <Switch
-                    aria-label="Toggle global media hotkeys"
                     defaultChecked={settings.globalMediaHotkeys}
                     disabled={!isElectron()}
                     onChange={(e) => {
@@ -33,10 +34,12 @@ export const WindowHotkeySettings = () => {
                     }}
                 />
             ),
-            description:
-                'Enable or disable the usage of your system media hotkeys to control the audio player',
+            description: t('setting.globalMediaHotkeys', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Global media hotkeys',
+            title: t('setting.globalMediaHotkeys', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/playback/audio-settings.tsx b/src/renderer/features/settings/components/playback/audio-settings.tsx
index 7d9467615..285752797 100644
--- a/src/renderer/features/settings/components/playback/audio-settings.tsx
+++ b/src/renderer/features/settings/components/playback/audio-settings.tsx
@@ -9,6 +9,7 @@ import {
 import { useCurrentStatus, usePlayerStore } from '/@/renderer/store';
 import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import { PlaybackType, PlayerStatus, PlaybackStyle, CrossfadeStyle } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
 
@@ -18,6 +19,7 @@ const getAudioDevice = async () => {
 };
 
 export const AudioSettings = () => {
+    const { t } = useTranslation();
     const settings = usePlaybackSettings();
     const { setSettings } = useSettingsStoreActions();
     const status = useCurrentStatus();
@@ -30,13 +32,17 @@ export const AudioSettings = () => {
                 .then((dev) =>
                     setAudioDevices(dev.map((d) => ({ label: d.label, value: d.deviceId }))),
                 )
-                .catch(() => toast.error({ message: 'Error fetching audio devices' }));
+                .catch(() =>
+                    toast.error({
+                        message: t('error.audioDeviceFetchError', { postProcess: 'sentenceCase' }),
+                    }),
+                );
         };
 
         if (settings.type === PlaybackType.WEB) {
             getAudioDevices();
         }
-    }, [settings.type]);
+    }, [settings.type, t]);
 
     const audioOptions: SettingOption[] = [
         {
@@ -61,10 +67,16 @@ export const AudioSettings = () => {
                     }}
                 />
             ),
-            description: 'The audio player to use for playback',
+            description: t('setting.audioPlayer', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            note: status === PlayerStatus.PLAYING ? 'Player must be paused' : undefined,
-            title: 'Audio player',
+            note:
+                status === PlayerStatus.PLAYING
+                    ? t('common.playerMustBePaused', { postProcess: 'sentenceCase' })
+                    : undefined,
+            title: t('setting.audioPlayer', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -76,16 +88,31 @@ export const AudioSettings = () => {
                     onChange={(e) => setSettings({ playback: { ...settings, audioDeviceId: e } })}
                 />
             ),
-            description: 'The audio device to use for playback (web player only)',
+            description: t('setting.audioDevice', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron() || settings.type !== PlaybackType.WEB,
-            title: 'Audio device',
+            title: t('setting.audioDevice', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <Select
                     data={[
-                        { label: 'Normal', value: PlaybackStyle.GAPLESS },
-                        { label: 'Crossfade', value: PlaybackStyle.CROSSFADE },
+                        {
+                            label: t('setting.playbackStyle', {
+                                context: 'optionNormal',
+                                postProcess: 'titleCase',
+                            }),
+                            value: PlaybackStyle.GAPLESS,
+                        },
+                        {
+                            label: t('setting.playbackStyle', {
+                                context: 'optionCrossFade',
+                                postProcess: 'titleCase',
+                            }),
+                            value: PlaybackStyle.CROSSFADE,
+                        },
                     ]}
                     defaultValue={settings.style}
                     disabled={settings.type !== PlaybackType.WEB || status === PlayerStatus.PLAYING}
@@ -94,10 +121,16 @@ export const AudioSettings = () => {
                     }
                 />
             ),
-            description: 'Adjust the playback style (web player only)',
+            description: t('setting.playbackStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.WEB,
             note: status === PlayerStatus.PLAYING ? 'Player must be paused' : undefined,
-            title: 'Playback style',
+            title: t('setting.playbackStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
         },
         {
             control: (
@@ -116,10 +149,15 @@ export const AudioSettings = () => {
                     }
                 />
             ),
-            description: 'Adjust the crossfade duration (web player only)',
+            description: t('setting.crossfadeDuration', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.WEB,
             note: status === PlayerStatus.PLAYING ? 'Player must be paused' : undefined,
-            title: 'Crossfade Duration',
+            title: t('setting.crossfadeDuration', {
+                postProcess: 'sentenceCase',
+            }),
         },
         {
             control: (
@@ -153,10 +191,13 @@ export const AudioSettings = () => {
                     }}
                 />
             ),
-            description: 'Change the crossfade algorithm (web player only)',
+            description: t('setting.crossfadeStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.WEB,
             note: status === PlayerStatus.PLAYING ? 'Player must be paused' : undefined,
-            title: 'Crossfade Style',
+            title: t('setting.crossfadeStyle', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/playback/lyric-settings.tsx b/src/renderer/features/settings/components/playback/lyric-settings.tsx
index e8574b36b..19b373921 100644
--- a/src/renderer/features/settings/components/playback/lyric-settings.tsx
+++ b/src/renderer/features/settings/components/playback/lyric-settings.tsx
@@ -7,6 +7,7 @@ import { MultiSelect, MultiSelectProps, NumberInput, Switch } from '/@/renderer/
 import isElectron from 'is-electron';
 import styled from 'styled-components';
 import { LyricSource } from '/@/renderer/api/types';
+import { useTranslation } from 'react-i18next';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
@@ -17,6 +18,7 @@ const WorkingButtonSelect = styled(MultiSelect)<MultiSelectProps>`
 `;
 
 export const LyricSettings = () => {
+    const { t } = useTranslation();
     const settings = useLyricsSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -36,8 +38,11 @@ export const LyricSettings = () => {
                     }}
                 />
             ),
-            description: 'Enable or disable following of current lyric',
-            title: 'Follow current lyric',
+            description: t('setting.followLyric', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.followLyric', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -54,9 +59,12 @@ export const LyricSettings = () => {
                     }}
                 />
             ),
-            description: 'Enable or disable fetching lyrics for the current song',
+            description: t('setting.lyricFetch', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Fetch lyrics from the internet',
+            title: t('setting.lyricFetch', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -77,10 +85,12 @@ export const LyricSettings = () => {
                     }}
                 />
             ),
-            description:
-                'Lyric fetchers should be added in order of preference. This is the order in which they will be queried.',
+            description: t('setting.lyricFetchProvider', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Providers to fetch lyrics',
+            title: t('setting.lyricFetchProvider', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -99,10 +109,12 @@ export const LyricSettings = () => {
                     }}
                 />
             ),
-            description:
-                'Lyric offset (in milliseconds). Positive values mean that lyrics are shown later, and negative mean that lyrics are shown earlier',
+            description: t('setting.lyricOffset', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Lyric offset',
+            title: t('setting.lyricOffset', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/playback/mpv-settings.tsx b/src/renderer/features/settings/components/playback/mpv-settings.tsx
index 702ee7e8e..9004a4652 100644
--- a/src/renderer/features/settings/components/playback/mpv-settings.tsx
+++ b/src/renderer/features/settings/components/playback/mpv-settings.tsx
@@ -1,7 +1,15 @@
 import { useEffect, useState } from 'react';
-import { Divider, Stack } from '@mantine/core';
+import { Divider, Group, Stack } from '@mantine/core';
 import isElectron from 'is-electron';
-import { FileInput, Textarea, Text, Select, NumberInput, Switch } from '/@/renderer/components';
+import {
+    FileInput,
+    Textarea,
+    Text,
+    Select,
+    NumberInput,
+    Switch,
+    Button,
+} from '/@/renderer/components';
 import {
     SettingsSection,
     SettingOption,
@@ -9,9 +17,13 @@ import {
 import {
     SettingsState,
     usePlaybackSettings,
+    useSettingsStore,
     useSettingsStoreActions,
 } from '/@/renderer/store/settings.store';
 import { PlaybackType } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
+import { RiCloseLine, RiRestartLine } from 'react-icons/ri';
+import { usePlayerControls, usePlayerStore, useQueueControls } from '/@/renderer/store';
 
 const localSettings = isElectron() ? window.electron.localSettings : null;
 const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
@@ -60,13 +72,23 @@ export const getMpvProperties = (settings: SettingsState['playback']['mpvPropert
 };
 
 export const MpvSettings = () => {
+    const { t } = useTranslation();
     const settings = usePlaybackSettings();
     const { setSettings } = useSettingsStoreActions();
+    const { pause } = usePlayerControls();
+    const { clearQueue } = useQueueControls();
 
     const [mpvPath, setMpvPath] = useState('');
 
-    const handleSetMpvPath = (e: File) => {
+    const handleSetMpvPath = (e: File | null) => {
+        if (e === null) {
+            localSettings?.set('mpv_path', undefined);
+            setMpvPath('');
+            return;
+        }
+
         localSettings?.set('mpv_path', e.path);
+        setMpvPath(e.path);
     };
 
     useEffect(() => {
@@ -98,6 +120,22 @@ export const MpvSettings = () => {
         mpvPlayer?.setProperties(mpvSetting);
     };
 
+    const handleReloadMpv = () => {
+        pause();
+        clearQueue();
+
+        const extraParameters = useSettingsStore.getState().playback.mpvExtraParameters;
+        const properties: Record<string, any> = {
+            speed: usePlayerStore.getState().current.speed,
+            ...getMpvProperties(useSettingsStore.getState().playback.mpvProperties),
+        };
+        mpvPlayer?.restart({
+            binaryPath: mpvPath || undefined,
+            extraParameters,
+            properties,
+        });
+    };
+
     const handleSetExtraParameters = (data: string[]) => {
         setSettings({
             playback: {
@@ -110,16 +148,46 @@ export const MpvSettings = () => {
     const options: SettingOption[] = [
         {
             control: (
-                <FileInput
-                    placeholder={mpvPath}
-                    width={225}
-                    onChange={handleSetMpvPath}
-                />
+                <Group spacing="sm">
+                    <Button
+                        tooltip={{
+                            label: t('common.reload', { postProcess: 'titleCase' }),
+                            openDelay: 0,
+                        }}
+                        variant="subtle"
+                        onClick={handleReloadMpv}
+                    >
+                        <RiRestartLine />
+                    </Button>
+                    <FileInput
+                        placeholder={mpvPath}
+                        rightSection={
+                            mpvPath && (
+                                <Button
+                                    compact
+                                    tooltip={{
+                                        label: t('common.clear', { postProcess: 'titleCase' }),
+                                        openDelay: 0,
+                                    }}
+                                    variant="subtle"
+                                    onClick={() => handleSetMpvPath(null)}
+                                >
+                                    <RiCloseLine />
+                                </Button>
+                            )
+                        }
+                        width={200}
+                        onChange={handleSetMpvPath}
+                    />
+                </Group>
             ),
-            description: 'The location of your mpv executable',
+            description: t('setting.mpvExecutablePath', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.LOCAL,
             note: 'Restart required',
-            title: 'MPV executable path',
+            title: t('setting.mpvExecutablePath', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -128,9 +196,10 @@ export const MpvSettings = () => {
                         autosize
                         defaultValue={settings.mpvExtraParameters.join('\n')}
                         minRows={4}
-                        placeholder={
-                            '(Add one per line):\n--gapless-audio=weak\n--prefetch-playlist=yes'
-                        }
+                        placeholder={`(${t('setting.mpvExtraParameters', {
+                            context: 'help',
+                            postProcess: 'sentenceCase',
+                        })}):\n--gapless-audio=weak\n--prefetch-playlist=yes`}
                         width={225}
                         onBlur={(e) => {
                             handleSetExtraParameters(e.currentTarget.value.split('\n'));
@@ -145,7 +214,10 @@ export const MpvSettings = () => {
                         $secondary
                         size="sm"
                     >
-                        Options to pass to the player
+                        {t('setting.mpvExtraParameters', {
+                            context: 'description',
+                            postProcess: 'sentenceCase',
+                        })}
                     </Text>
                     <Text size="sm">
                         <a
@@ -159,8 +231,12 @@ export const MpvSettings = () => {
                 </Stack>
             ),
             isHidden: settings.type !== PlaybackType.LOCAL,
-            note: 'Restart required',
-            title: 'MPV parameters',
+            note: t('common.restartRequired', {
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.mpvExtraParameters', {
+                postProcess: 'sentenceCase',
+            }),
         },
     ];
 
@@ -169,34 +245,49 @@ export const MpvSettings = () => {
             control: (
                 <Select
                     data={[
-                        { label: 'No', value: 'no' },
-                        { label: 'Yes', value: 'yes' },
-                        { label: 'Weak (recommended)', value: 'weak' },
+                        { label: t('common.no', { postProcess: 'titleCase' }), value: 'no' },
+                        { label: t('common.yes', { postProcess: 'titleCase' }), value: 'yes' },
+                        {
+                            label: t('setting.gaplessAudio', {
+                                context: 'optionWeak',
+                                postProcess: 'sentenceCase',
+                            }),
+                            value: 'weak',
+                        },
                     ]}
                     defaultValue={settings.mpvProperties.gaplessAudio}
                     onChange={(e) => handleSetMpvProperty('gaplessAudio', e)}
                 />
             ),
-            description:
-                'Try to play consecutive audio files with no silence or disruption at the point of file change (--gapless-audio)',
+            description: t('setting.gaplessAudio', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.LOCAL,
-            title: 'Gapless audio',
+            title: t('setting.gaplessAudio', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
                 <NumberInput
-                    defaultValue={settings.mpvProperties.audioSampleRateHz}
+                    defaultValue={settings.mpvProperties.audioSampleRateHz || undefined}
+                    max={192000}
+                    min={0}
+                    placeholder="48000"
+                    rightSection="Hz"
                     width={100}
                     onBlur={(e) => {
                         const value = Number(e.currentTarget.value);
-                        handleSetMpvProperty('audioSampleRateHz', value > 0 ? value : undefined);
+                        // Setting a value of `undefined` causes an error for MPV. Use 0 instead
+                        handleSetMpvProperty('audioSampleRateHz', value >= 8000 ? value : value);
                     }}
                 />
             ),
-            description:
-                'Select the output sample rate to be used if the sample frequency selected is different from that of the current media',
+            description: t('setting.sampleRate', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             note: 'Page refresh required for web player',
-            title: 'Sample rate',
+            title: t('setting.sampleRate', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -211,10 +302,12 @@ export const MpvSettings = () => {
                 />
             ),
 
-            description:
-                'Enable exclusive output mode. In this mode, the system is usually locked out, and only mpv will be able to output audio (--audio-exclusive)',
+            description: t('setting.audioExclusiveMode', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: settings.type !== PlaybackType.LOCAL,
-            title: 'Audio exclusive mode',
+            title: t('setting.audioExclusiveMode', { postProcess: 'sentenceCase' }),
         },
     ];
 
@@ -223,18 +316,42 @@ export const MpvSettings = () => {
             control: (
                 <Select
                     data={[
-                        { label: 'None', value: 'no' },
-                        { label: 'Track', value: 'track' },
-                        { label: 'Album', value: 'album' },
+                        {
+                            label: t('setting.replayGainMode', {
+                                context: 'optionNone',
+                                postProcess: 'titleCase',
+                            }),
+                            value: 'no',
+                        },
+                        {
+                            label: t('setting.replayGainMode', {
+                                context: 'optionTrack',
+                                postProcess: 'titleCase',
+                            }),
+                            value: 'track',
+                        },
+                        {
+                            label: t('setting.replayGainMode', {
+                                context: 'optionAlbum',
+                                postProcess: 'titleCase',
+                            }),
+                            value: 'album',
+                        },
                     ]}
                     defaultValue={settings.mpvProperties.replayGainMode}
                     onChange={(e) => handleSetMpvProperty('replayGainMode', e)}
                 />
             ),
-            description:
-                'Adjust volume gain according to replaygain values stored in the file metadata (--replaygain)',
-            note: 'Restart required',
-            title: 'ReplayGain mode',
+            description: t('setting.replayGainMode', {
+                ReplayGain: 'ReplayGain',
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            note: t('common.restartRequired', { postProcess: 'sentenceCase' }),
+            title: t('setting.replayGainMode', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
         },
         {
             control: (
@@ -244,9 +361,15 @@ export const MpvSettings = () => {
                     onChange={(e) => handleSetMpvProperty('replayGainPreampDB', e)}
                 />
             ),
-            description:
-                'Pre-amplification gain in dB to apply to the selected replaygain gain (--replaygain-preamp)',
-            title: 'ReplayGain preamp (dB)',
+            description: t('setting.replayGainMode', {
+                ReplayGain: 'ReplayGain',
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.replayGainPreamp', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
         },
         {
             control: (
@@ -257,21 +380,33 @@ export const MpvSettings = () => {
                     }
                 />
             ),
-            description:
-                'Prevent clipping caused by replaygain by automatically lowering the gain (--replaygain-clip)',
-            title: 'ReplayGain clipping',
+            description: t('setting.replayGainClipping', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.replayGainClipping', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
         },
         {
             control: (
                 <NumberInput
                     defaultValue={settings.mpvProperties.replayGainFallbackDB}
                     width={75}
-                    onBlur={(e) => handleSetMpvProperty('replayGainFallbackDB', e)}
+                    onBlur={(e) =>
+                        handleSetMpvProperty('replayGainFallbackDB', Number(e.currentTarget.value))
+                    }
                 />
             ),
-            description:
-                'Gain in dB to apply if the file has no replay gain tags. This option is always applied if the replaygain logic is somehow inactive. If this is applied, no other replaygain options are applied',
-            title: 'ReplayGain fallback (dB)',
+            description: t('setting.replayGainFallback', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.replayGainFallback', {
+                ReplayGain: 'ReplayGain',
+                postProcess: 'sentenceCase',
+            }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/playback/playback-tab.tsx b/src/renderer/features/settings/components/playback/playback-tab.tsx
index 6cb77b8b9..a9a240c16 100644
--- a/src/renderer/features/settings/components/playback/playback-tab.tsx
+++ b/src/renderer/features/settings/components/playback/playback-tab.tsx
@@ -20,12 +20,8 @@ export const PlaybackTab = () => {
             <AudioSettings />
             <Suspense fallback={<></>}>{hasFancyAudio && <MpvSettings />}</Suspense>
             <Divider />
-            {isElectron() && (
-                <>
-                    <ScrobbleSettings />
-                    <Divider />
-                </>
-            )}
+            <ScrobbleSettings />
+            <Divider />
             <LyricSettings />
         </Stack>
     );
diff --git a/src/renderer/features/settings/components/playback/scrobble-settings.tsx b/src/renderer/features/settings/components/playback/scrobble-settings.tsx
index cfef1ffdf..f8fbcb522 100644
--- a/src/renderer/features/settings/components/playback/scrobble-settings.tsx
+++ b/src/renderer/features/settings/components/playback/scrobble-settings.tsx
@@ -1,8 +1,10 @@
-import { NumberInput, Slider, Switch, Text } from '/@/renderer/components';
+import { NumberInput, Slider, Switch } from '/@/renderer/components';
 import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import { SettingOption, SettingsSection } from '../settings-section';
+import { useTranslation } from 'react-i18next';
 
 export const ScrobbleSettings = () => {
+    const { t } = useTranslation();
     const settings = usePlaybackSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -25,8 +27,11 @@ export const ScrobbleSettings = () => {
                     }}
                 />
             ),
-            description: 'Enable or disable scrobbling to your media server',
-            title: 'Scrobble',
+            description: t('setting.scrobble', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.scrobble', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -50,9 +55,11 @@ export const ScrobbleSettings = () => {
                     }}
                 />
             ),
-            description:
-                'The percentage of the song that must be played before submitting a scrobble',
-            title: 'Minimum scrobble percentage*',
+            description: t('setting.minimumScrobblePercentage', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.minimumScrobblePercentage', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -76,21 +83,13 @@ export const ScrobbleSettings = () => {
                     }}
                 />
             ),
-            description:
-                'The duration in seconds of a song that must be played before submitting a scrobble',
-            title: 'Minimum scrobble duration (seconds)*',
+            description: t('setting.minimumScrobbleSeconds', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            title: t('setting.minimumScrobbleSeconds', { postProcess: 'sentenceCase' }),
         },
     ];
 
-    return (
-        <>
-            <SettingsSection options={scrobbleOptions} />
-            <Text
-                $secondary
-                size="sm"
-            >
-                *The scrobble will be submitted if one or more of the above conditions is met
-            </Text>
-        </>
-    );
+    return <SettingsSection options={scrobbleOptions} />;
 };
diff --git a/src/renderer/features/settings/components/settings-content.tsx b/src/renderer/features/settings/components/settings-content.tsx
index 7d4864e08..fdeea8732 100644
--- a/src/renderer/features/settings/components/settings-content.tsx
+++ b/src/renderer/features/settings/components/settings-content.tsx
@@ -2,6 +2,7 @@ import { lazy } from 'react';
 import { Tabs } from '/@/renderer/components';
 import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store/settings.store';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 
 const GeneralTab = lazy(() =>
@@ -36,6 +37,7 @@ const TabContainer = styled.div`
 `;
 
 export const SettingsContent = () => {
+    const { t } = useTranslation();
     const currentTab = useSettingsStore((state) => state.tab);
     const { setSettings } = useSettingsStoreActions();
 
@@ -49,10 +51,20 @@ export const SettingsContent = () => {
                 onTabChange={(e) => e && setSettings({ tab: e })}
             >
                 <Tabs.List>
-                    <Tabs.Tab value="general">General</Tabs.Tab>
-                    <Tabs.Tab value="playback">Playback</Tabs.Tab>
-                    <Tabs.Tab value="hotkeys">Hotkeys</Tabs.Tab>
-                    {isElectron() && <Tabs.Tab value="window">Window</Tabs.Tab>}
+                    <Tabs.Tab value="general">
+                        {t('page.setting.generalTab', { postProcess: 'sentenceCase' })}
+                    </Tabs.Tab>
+                    <Tabs.Tab value="playback">
+                        {t('page.setting.playbackTab', { postProcess: 'sentenceCase' })}
+                    </Tabs.Tab>
+                    <Tabs.Tab value="hotkeys">
+                        {t('page.setting.hotkeysTab', { postProcess: 'sentenceCase' })}
+                    </Tabs.Tab>
+                    {isElectron() && (
+                        <Tabs.Tab value="window">
+                            {t('page.setting.windowTab', { postProcess: 'sentenceCase' })}
+                        </Tabs.Tab>
+                    )}
                 </Tabs.List>
                 <Tabs.Panel value="general">
                     <GeneralTab />
diff --git a/src/renderer/features/settings/components/settings-header.tsx b/src/renderer/features/settings/components/settings-header.tsx
index 4dba5a399..01fef382d 100644
--- a/src/renderer/features/settings/components/settings-header.tsx
+++ b/src/renderer/features/settings/components/settings-header.tsx
@@ -1,11 +1,13 @@
 import { Flex, Group } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
+import { useTranslation } from 'react-i18next';
 import { RiSettings2Fill } from 'react-icons/ri';
 import { Button, ConfirmModal, PageHeader } from '/@/renderer/components';
 import { LibraryHeaderBar } from '/@/renderer/features/shared';
 import { useSettingsStoreActions } from '../../../store/settings.store';
 
 export const SettingsHeader = () => {
+    const { t } = useTranslation();
     const { reset } = useSettingsStoreActions();
 
     const handleResetToDefault = () => {
@@ -15,8 +17,12 @@ export const SettingsHeader = () => {
 
     const openResetConfirmModal = () => {
         openModal({
-            children: <ConfirmModal onConfirm={handleResetToDefault}>Are you sure?</ConfirmModal>,
-            title: 'Reset settings to default',
+            children: (
+                <ConfirmModal onConfirm={handleResetToDefault}>
+                    {t('common.areYouSure', { postProcess: 'sentenceCase' })}
+                </ConfirmModal>
+            ),
+            title: t('common.resetToDefault', { postProcess: 'sentenceCase' }),
         });
     };
 
@@ -31,14 +37,16 @@ export const SettingsHeader = () => {
                     >
                         <Group noWrap>
                             <RiSettings2Fill size="2rem" />
-                            <LibraryHeaderBar.Title>Settings</LibraryHeaderBar.Title>
+                            <LibraryHeaderBar.Title>
+                                {t('common.setting', { count: 2, postProcess: 'titleCase' })}
+                            </LibraryHeaderBar.Title>
                         </Group>
                         <Button
                             compact
                             variant="default"
                             onClick={openResetConfirmModal}
                         >
-                            Reset to default
+                            {t('common.resetToDefault', { postProcess: 'sentenceCase' })}
                         </Button>
                     </Flex>
                 </LibraryHeaderBar>
diff --git a/src/renderer/features/settings/components/settings-section.tsx b/src/renderer/features/settings/components/settings-section.tsx
index 47a1442bd..cee5b526d 100644
--- a/src/renderer/features/settings/components/settings-section.tsx
+++ b/src/renderer/features/settings/components/settings-section.tsx
@@ -20,7 +20,7 @@ export const SettingsSection = ({ options }: SettingsSectionProps) => {
                 .filter((o) => !o.isHidden)
                 .map((option) => (
                     <SettingsOptions
-                        key={`general-${option.title}`}
+                        key={`option-${option.title}`}
                         {...option}
                     />
                 ))}
diff --git a/src/renderer/features/settings/components/window/cache-settngs.tsx b/src/renderer/features/settings/components/window/cache-settngs.tsx
new file mode 100644
index 000000000..310703f54
--- /dev/null
+++ b/src/renderer/features/settings/components/window/cache-settngs.tsx
@@ -0,0 +1,91 @@
+import { closeAllModals, openModal } from '@mantine/modals';
+import { useQueryClient } from '@tanstack/react-query';
+import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
+import { Button, ConfirmModal, toast } from '/@/renderer/components';
+import { SettingsOptions } from '/@/renderer/features/settings/components/settings-option';
+import { useCallback, useState } from 'react';
+
+const browser = isElectron() ? window.electron.browser : null;
+
+export const CacheSettings = () => {
+    const [isClearing, setIsClearing] = useState(false);
+    const queryClient = useQueryClient();
+    const { t } = useTranslation();
+
+    const clearCache = useCallback(
+        async (full: boolean) => {
+            setIsClearing(true);
+
+            try {
+                queryClient.clear();
+
+                if (full && browser) {
+                    await browser.clearCache();
+                }
+
+                toast.success({
+                    message: t('setting.clearCacheSuccess', { postProcess: 'sentenceCase' }),
+                });
+            } catch (error) {
+                console.error(error);
+                toast.error({ message: (error as Error).message });
+            }
+
+            setIsClearing(false);
+            closeAllModals();
+        },
+        [queryClient, t],
+    );
+
+    const openResetConfirmModal = (full: boolean) => {
+        const key = full ? 'clearCache' : 'clearQueryCache';
+        openModal({
+            children: (
+                <ConfirmModal onConfirm={() => clearCache(full)}>
+                    {t(`common.areYouSure`, { postProcess: 'sentenceCase' })}
+                </ConfirmModal>
+            ),
+            title: t(`setting.${key}`),
+        });
+    };
+
+    return (
+        <>
+            <SettingsOptions
+                control={
+                    <Button
+                        compact
+                        disabled={isClearing}
+                        variant="filled"
+                        onClick={() => openResetConfirmModal(false)}
+                    >
+                        {t('common.clear', { postProcess: 'sentenceCase' })}
+                    </Button>
+                }
+                description={t('setting.clearQueryCache', {
+                    context: 'description',
+                })}
+                title={t('setting.clearQueryCache')}
+            />
+            {browser && (
+                <SettingsOptions
+                    control={
+                        <Button
+                            compact
+                            disabled={isClearing}
+                            variant="filled"
+                            onClick={() => openResetConfirmModal(true)}
+                        >
+                            {t('common.clear', { postProcess: 'sentenceCase' })}
+                        </Button>
+                    }
+                    description={t('setting.clearCache', {
+                        context: 'description',
+                    })}
+                    title={t('setting.clearCache')}
+                />
+            )}
+        </>
+    );
+};
diff --git a/src/renderer/features/settings/components/window/discord-settings.tsx b/src/renderer/features/settings/components/window/discord-settings.tsx
new file mode 100644
index 000000000..f30fd4593
--- /dev/null
+++ b/src/renderer/features/settings/components/window/discord-settings.tsx
@@ -0,0 +1,125 @@
+import isElectron from 'is-electron';
+import { NumberInput, Switch, TextInput } from '/@/renderer/components';
+import {
+    SettingOption,
+    SettingsSection,
+} from '/@/renderer/features/settings/components/settings-section';
+import { useDiscordSetttings, useSettingsStoreActions } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
+
+export const DiscordSettings = () => {
+    const { t } = useTranslation();
+    const settings = useDiscordSetttings();
+    const { setSettings } = useSettingsStoreActions();
+
+    const discordOptions: SettingOption[] = [
+        {
+            control: (
+                <Switch
+                    checked={settings.enabled}
+                    onChange={(e) => {
+                        setSettings({
+                            discord: {
+                                ...settings,
+                                enabled: e.currentTarget.checked,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.discordRichPresence', {
+                context: 'description',
+                discord: 'Discord',
+                icon: 'icon',
+                paused: 'paused',
+                playing: 'playing',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.discordRichPresence', {
+                discord: 'Discord',
+                postProcess: 'sentenceCase',
+            }),
+        },
+        {
+            control: (
+                <TextInput
+                    defaultValue={settings.clientId}
+                    onBlur={(e) => {
+                        setSettings({
+                            discord: {
+                                ...settings,
+                                clientId: e.currentTarget.value,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.discordApplicationId', {
+                context: 'description',
+                defaultId: '1165957668758900787',
+                discord: 'Discord',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.discordApplicationId', {
+                discord: 'Discord',
+                postProcess: 'sentenceCase',
+            }),
+        },
+        {
+            control: (
+                <NumberInput
+                    value={settings.updateInterval}
+                    onChange={(e) => {
+                        let value = e ? Number(e) : 0;
+                        if (value < 15) {
+                            value = 15;
+                        }
+
+                        setSettings({
+                            discord: {
+                                ...settings,
+                                updateInterval: value,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.discordUpdateInterval', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.discordUpdateInterval', {
+                discord: 'Discord',
+                postProcess: 'sentenceCase',
+            }),
+        },
+        {
+            control: (
+                <Switch
+                    checked={settings.enableIdle}
+                    onChange={(e) => {
+                        setSettings({
+                            discord: {
+                                ...settings,
+                                enableIdle: e.currentTarget.checked,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.discordIdleStatus', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.discordIdleStatus', {
+                postProcess: 'sentenceCase',
+            }),
+        },
+    ];
+
+    return <SettingsSection options={discordOptions} />;
+};
diff --git a/src/renderer/features/settings/components/window/password-settings.tsx b/src/renderer/features/settings/components/window/password-settings.tsx
new file mode 100644
index 000000000..9cfdf626a
--- /dev/null
+++ b/src/renderer/features/settings/components/window/password-settings.tsx
@@ -0,0 +1,56 @@
+import { SelectItem } from '@mantine/core';
+import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
+import { useSettingsStoreActions, useGeneralSettings } from '../../../../store/settings.store';
+import {
+    SettingsSection,
+    SettingOption,
+} from '/@/renderer/features/settings/components/settings-section';
+import { Select } from '/@/renderer/components';
+
+const localSettings = isElectron() ? window.electron.localSettings : null;
+
+const PASSWORD_SETTINGS: SelectItem[] = [
+    { label: 'libsecret', value: 'gnome_libsecret' },
+    { label: 'KDE 4 (kwallet4)', value: 'kwallet' },
+    { label: 'KDE 5 (kwallet5)', value: 'kwallet5' },
+    { label: 'KDE 6 (kwallet6)', value: 'kwallet6' },
+];
+
+export const PasswordSettings = () => {
+    const { t } = useTranslation();
+    const settings = useGeneralSettings();
+    const { setSettings } = useSettingsStoreActions();
+
+    const updateOptions: SettingOption[] = [
+        {
+            control: (
+                <Select
+                    aria-label={t('setting.passwordStore')}
+                    clearable={false}
+                    data={PASSWORD_SETTINGS}
+                    defaultValue={settings.passwordStore ?? 'gnome_libsecret'}
+                    disabled={!isElectron()}
+                    onChange={(e) => {
+                        if (!e) return;
+                        localSettings?.set('password_store', e);
+                        setSettings({
+                            general: {
+                                ...settings,
+                                passwordStore: e,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.passwordStore', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.passwordStore', { postProcess: 'sentenceCase' }),
+        },
+    ];
+
+    return <SettingsSection options={updateOptions} />;
+};
diff --git a/src/renderer/features/settings/components/window/update-settings.tsx b/src/renderer/features/settings/components/window/update-settings.tsx
index a5b343333..ddb94d31e 100644
--- a/src/renderer/features/settings/components/window/update-settings.tsx
+++ b/src/renderer/features/settings/components/window/update-settings.tsx
@@ -1,4 +1,5 @@
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { useWindowSettings, useSettingsStoreActions } from '../../../../store/settings.store';
 import {
     SettingsSection,
@@ -9,6 +10,7 @@ import { Switch } from '/@/renderer/components';
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const UpdateSettings = () => {
+    const { t } = useTranslation();
     const settings = useWindowSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -31,9 +33,12 @@ export const UpdateSettings = () => {
                     }}
                 />
             ),
-            description: 'Enabling this option will disable checking for new versions on startup',
+            description: t('setting.disableAutomaticUpdates', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Disable automatic updates',
+            title: t('setting.disableAutomaticUpdates', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/window/window-settings.tsx b/src/renderer/features/settings/components/window/window-settings.tsx
index 0dcfa88f8..2b60be696 100644
--- a/src/renderer/features/settings/components/window/window-settings.tsx
+++ b/src/renderer/features/settings/components/window/window-settings.tsx
@@ -1,5 +1,6 @@
 import isElectron from 'is-electron';
 import { Platform } from '/@/renderer/types';
+import { useTranslation } from 'react-i18next';
 import { useWindowSettings, useSettingsStoreActions } from '../../../../store/settings.store';
 import {
     SettingsSection,
@@ -17,6 +18,7 @@ const WINDOW_BAR_OPTIONS = [
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const WindowSettings = () => {
+    const { t } = useTranslation();
     const settings = useWindowSettings();
     const { setSettings } = useSettingsStoreActions();
 
@@ -43,12 +45,15 @@ export const WindowSettings = () => {
                             toast.info({
                                 autoClose: false,
                                 id: 'restart-toast',
-                                message:
-                                    'Restart to apply changes... close the notification to restart Feishin',
+                                message: t('common.forceRestartRequired', {
+                                    postProcess: 'sentenceCase',
+                                }),
                                 onClose: () => {
                                     window.electron.ipc!.send('app-restart');
                                 },
-                                title: 'Restart required',
+                                title: t('common.restartRequired', {
+                                    postProcess: 'sentenceCase',
+                                }),
                             });
                         } else {
                             toast.update({
@@ -69,9 +74,12 @@ export const WindowSettings = () => {
                     }}
                 />
             ),
-            description: 'Adjust the style of the application window bar',
+            description: t('setting.windowBarStyle', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Window bar style',
+            title: t('setting.windowBarStyle', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -91,9 +99,12 @@ export const WindowSettings = () => {
                     }}
                 />
             ),
-            description: 'Minimize the application to the system tray',
+            description: t('setting.minimizeToTray', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Minimize to tray',
+            title: t('setting.minimizeToTray', { postProcess: 'sentenceCase' }),
         },
         {
             control: (
@@ -113,9 +124,37 @@ export const WindowSettings = () => {
                     }}
                 />
             ),
-            description: 'Exit the application to the system tray',
+            description: t('setting.exitToTray', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
             isHidden: !isElectron(),
-            title: 'Exit to tray',
+            title: t('setting.exitToTray', { postProcess: 'sentenceCase' }),
+        },
+        {
+            control: (
+                <Switch
+                    aria-label="Toggle start in tray"
+                    defaultChecked={settings.startMinimized}
+                    disabled={!isElectron()}
+                    onChange={(e) => {
+                        if (!e) return;
+                        localSettings?.set('window_start_minimized', e.currentTarget.checked);
+                        setSettings({
+                            window: {
+                                ...settings,
+                                startMinimized: e.currentTarget.checked,
+                            },
+                        });
+                    }}
+                />
+            ),
+            description: t('setting.startMinimized', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isElectron(),
+            title: t('setting.startMinimized', { postProcess: 'sentenceCase' }),
         },
     ];
 
diff --git a/src/renderer/features/settings/components/window/window-tab.tsx b/src/renderer/features/settings/components/window/window-tab.tsx
index 101ed9f63..23dc4e9ca 100644
--- a/src/renderer/features/settings/components/window/window-tab.tsx
+++ b/src/renderer/features/settings/components/window/window-tab.tsx
@@ -1,13 +1,26 @@
 import { Divider, Stack } from '@mantine/core';
 import { UpdateSettings } from '/@/renderer/features/settings/components/window/update-settings';
 import { WindowSettings } from '/@/renderer/features/settings/components/window/window-settings';
+import { DiscordSettings } from '/@/renderer/features/settings/components/window/discord-settings';
+import isElectron from 'is-electron';
+import { PasswordSettings } from '/@/renderer/features/settings/components/window/password-settings';
+
+const utils = isElectron() ? window.electron.utils : null;
 
 export const WindowTab = () => {
     return (
         <Stack spacing="md">
             <WindowSettings />
             <Divider />
+            <DiscordSettings />
+            <Divider />
             <UpdateSettings />
+            {utils?.isLinux() && (
+                <>
+                    <Divider />
+                    <PasswordSettings />
+                </>
+            )}
         </Stack>
     );
 };
diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx
index ecf6c9b14..1a4614553 100644
--- a/src/renderer/features/shared/components/library-header.tsx
+++ b/src/renderer/features/shared/components/library-header.tsx
@@ -1,5 +1,6 @@
+import { forwardRef, ReactNode, Ref, useState } from 'react';
 import { Group } from '@mantine/core';
-import { forwardRef, ReactNode, Ref } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import styles from './library-header.module.scss';
 import { LibraryItem } from '/@/renderer/api/types';
@@ -20,6 +21,30 @@ export const LibraryHeader = forwardRef(
         { imageUrl, imagePlaceholderUrl, background, title, item, children }: LibraryHeaderProps,
         ref: Ref<HTMLDivElement>,
     ) => {
+        const { t } = useTranslation();
+        const [isImageError, setIsImageError] = useState<boolean | null>(false);
+
+        const onImageError = () => {
+            setIsImageError(true);
+        };
+
+        const itemTypeString = () => {
+            switch (item.type) {
+                case LibraryItem.ALBUM:
+                    return t('entity.album', { count: 1 });
+                case LibraryItem.ARTIST:
+                    return t('entity.artist', { count: 1 });
+                case LibraryItem.ALBUM_ARTIST:
+                    return t('entity.albumArtist', { count: 1 });
+                case LibraryItem.PLAYLIST:
+                    return t('entity.playlist', { count: 1 });
+                case LibraryItem.SONG:
+                    return t('entity.track', { count: 1 });
+                default:
+                    return t('common.unknown');
+            }
+        };
+
         return (
             <div
                 ref={ref}
@@ -31,13 +56,14 @@ export const LibraryHeader = forwardRef(
                 />
                 <div className={styles.backgroundOverlay} />
                 <div className={styles.imageSection}>
-                    {imageUrl ? (
+                    {imageUrl && !isImageError ? (
                         <img
                             alt="cover"
                             className={styles.image}
                             placeholder={imagePlaceholderUrl || 'var(--placeholder-bg)'}
                             src={imageUrl}
                             style={{ height: '' }}
+                            onError={onImageError}
                         />
                     ) : (
                         <ItemImagePlaceholder itemType={item.type} />
@@ -52,7 +78,7 @@ export const LibraryHeader = forwardRef(
                             tt="uppercase"
                             weight={600}
                         >
-                            {item.type}
+                            {itemTypeString()}
                         </Text>
                     </Group>
                     <h1 className={styles.title}>{title}</h1>
diff --git a/src/renderer/features/shared/components/order-toggle-button.tsx b/src/renderer/features/shared/components/order-toggle-button.tsx
index 78cc562bb..44fafd6cc 100644
--- a/src/renderer/features/shared/components/order-toggle-button.tsx
+++ b/src/renderer/features/shared/components/order-toggle-button.tsx
@@ -1,4 +1,5 @@
 import { ButtonProps } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import { RiSortAsc, RiSortDesc } from 'react-icons/ri';
 import { SortOrder } from '/@/renderer/api/types';
 import { Button, Tooltip } from '/@/renderer/components';
@@ -10,8 +11,15 @@ interface OrderToggleButtonProps {
 }
 
 export const OrderToggleButton = ({ sortOrder, onToggle, buttonProps }: OrderToggleButtonProps) => {
+    const { t } = useTranslation();
     return (
-        <Tooltip label={sortOrder}>
+        <Tooltip
+            label={
+                sortOrder === SortOrder.ASC
+                    ? t('common.ascending', { postProcess: 'titleCase' })
+                    : t('common.descending', { postProcess: 'titleCase' })
+            }
+        >
             <Button
                 compact
                 fw="600"
diff --git a/src/renderer/features/shared/components/play-button.tsx b/src/renderer/features/shared/components/play-button.tsx
index cc4114b7e..04ee0cc95 100644
--- a/src/renderer/features/shared/components/play-button.tsx
+++ b/src/renderer/features/shared/components/play-button.tsx
@@ -6,7 +6,7 @@ const MotionButton = styled(UnstyledButton)`
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: var(--btn-filled-bg);
+    background: var(--btn-filled-bg);
     border: none;
     border-radius: 50%;
     opacity: 0.8;
@@ -16,7 +16,7 @@ const MotionButton = styled(UnstyledButton)`
     }
 
     &:hover {
-        background-color: var(--btn-filled-bg-hover);
+        background: var(--btn-filled-bg);
         transform: scale(1.1);
 
         svg {
diff --git a/src/renderer/features/shared/utils.ts b/src/renderer/features/shared/utils.ts
index 5240ce00b..36088d4da 100644
--- a/src/renderer/features/shared/utils.ts
+++ b/src/renderer/features/shared/utils.ts
@@ -1,16 +1,17 @@
+import i18n from '/@/i18n/i18n';
 import { Play } from '/@/renderer/types';
 
 export const PLAY_TYPES = [
     {
-        label: 'Play',
+        label: i18n.t('player.play', { postProcess: 'sentenceCase' }),
         play: Play.NOW,
     },
     {
-        label: 'Add to queue',
+        label: i18n.t('player.addLast', { postProcess: 'sentenceCase' }),
         play: Play.LAST,
     },
     {
-        label: 'Add to queue next',
+        label: i18n.t('player.addNext', { postProcess: 'sentenceCase' }),
         play: Play.NEXT,
     },
 ];
diff --git a/src/renderer/features/sidebar/components/action-bar.tsx b/src/renderer/features/sidebar/components/action-bar.tsx
index c3d3bebbd..b92d3dca9 100644
--- a/src/renderer/features/sidebar/components/action-bar.tsx
+++ b/src/renderer/features/sidebar/components/action-bar.tsx
@@ -1,4 +1,5 @@
 import { Grid, Group } from '@mantine/core';
+import { useTranslation } from 'react-i18next';
 import { RiSearchLine, RiMenuFill, RiArrowLeftSLine, RiArrowRightSLine } from 'react-icons/ri';
 import { useNavigate } from 'react-router';
 import styled from 'styled-components';
@@ -19,6 +20,7 @@ const ActionsContainer = styled.div`
 `;
 
 export const ActionBar = () => {
+    const { t } = useTranslation();
     const cq = useContainerQuery({ md: 300 });
     const navigate = useNavigate();
     const { open } = useCommandPalette();
@@ -36,7 +38,7 @@ export const ActionBar = () => {
                         <TextInput
                             readOnly
                             icon={<RiSearchLine />}
-                            placeholder="Search"
+                            placeholder={t('common.search', { postProcess: 'titleCase' })}
                             size="md"
                             onClick={open}
                             onKeyDown={(e) => {
diff --git a/src/renderer/features/sidebar/components/collapsed-sidebar.tsx b/src/renderer/features/sidebar/components/collapsed-sidebar.tsx
index ced940bef..c163399a6 100644
--- a/src/renderer/features/sidebar/components/collapsed-sidebar.tsx
+++ b/src/renderer/features/sidebar/components/collapsed-sidebar.tsx
@@ -1,6 +1,7 @@
+import { useMemo } from 'react';
 import { Group, UnstyledButton } from '@mantine/core';
 import { motion } from 'framer-motion';
-import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiArrowLeftSLine, RiArrowRightSLine, RiMenuFill } from 'react-icons/ri';
 import { NavLink, useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
@@ -26,10 +27,27 @@ const SidebarContainer = styled(motion.div)<{ $windowBarStyle: Platform }>`
 `;
 
 export const CollapsedSidebar = () => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
     const { windowBarStyle } = useWindowSettings();
     const { sidebarItems, sidebarCollapsedNavigation } = useGeneralSettings();
 
+    const translatedSidebarItemMap = useMemo(
+        () => ({
+            Albums: t('page.sidebar.albums', { postProcess: 'titleCase' }),
+            Artists: t('page.sidebar.artists', { postProcess: 'titleCase' }),
+            Folders: t('page.sidebar.folders', { postProcess: 'titleCase' }),
+            Genres: t('page.sidebar.genres', { postProcess: 'titleCase' }),
+            Home: t('page.sidebar.home', { postProcess: 'titleCase' }),
+            'Now Playing': t('page.sidebar.nowPlaying', { postProcess: 'titleCase' }),
+            Playlists: t('page.sidebar.playlists', { postProcess: 'titleCase' }),
+            Search: t('page.sidebar.search', { postProcess: 'titleCase' }),
+            Settings: t('page.sidebar.settings', { postProcess: 'titleCase' }),
+            Tracks: t('page.sidebar.tracks', { postProcess: 'titleCase' }),
+        }),
+        [t],
+    );
+
     const sidebarItemsWithRoute: SidebarItemType[] = useMemo(() => {
         if (!sidebarItems) return [];
 
@@ -37,10 +55,13 @@ export const CollapsedSidebar = () => {
             .filter((item) => !item.disabled)
             .map((item) => ({
                 ...item,
+                label:
+                    translatedSidebarItemMap[item.id as keyof typeof translatedSidebarItemMap] ??
+                    item.label,
             }));
 
         return items;
-    }, [sidebarItems]);
+    }, [sidebarItems, translatedSidebarItemMap]);
 
     return (
         <SidebarContainer $windowBarStyle={windowBarStyle}>
@@ -76,7 +97,7 @@ export const CollapsedSidebar = () => {
                             activeIcon={<RiMenuFill size="25" />}
                             component={UnstyledButton}
                             icon={<RiMenuFill size="25" />}
-                            label="Menu"
+                            label={t('common.menu', { postProcess: 'titleCase' })}
                         />
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
index 357845c6b..8078043ca 100644
--- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
+++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
@@ -1,6 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { Flex, Group } from '@mantine/core';
 import { useDebouncedValue } from '@mantine/hooks';
+import { useTranslation } from 'react-i18next';
 import { RiAddBoxFill, RiAddCircleFill, RiPlayFill } from 'react-icons/ri';
 import { generatePath } from 'react-router';
 import { Link } from 'react-router-dom';
@@ -20,6 +21,7 @@ interface SidebarPlaylistListProps {
 }
 
 const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
+    const { t } = useTranslation();
     const path = data?.items[index].id
         ? data.defaultFullPlaylist
             ? generatePath(AppRoute.PLAYLISTS_DETAIL_SONGS, { playlistId: data.items[index].id })
@@ -71,7 +73,10 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
                     <Button
                         compact
                         size="md"
-                        tooltip={{ label: 'Play', openDelay: 500 }}
+                        tooltip={{
+                            label: t('player.play', { postProcess: 'sentenceCase' }),
+                            openDelay: 500,
+                        }}
                         variant="default"
                         onClick={() => {
                             if (!data?.items?.[index].id) return;
@@ -83,7 +88,10 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
                     <Button
                         compact
                         size="md"
-                        tooltip={{ label: 'Add to queue', openDelay: 500 }}
+                        tooltip={{
+                            label: t('player.addLast', { postProcess: 'sentenceCase' }),
+                            openDelay: 500,
+                        }}
                         variant="default"
                         onClick={() => {
                             if (!data?.items?.[index].id) return;
@@ -95,7 +103,10 @@ const PlaylistRow = ({ index, data, style }: ListChildComponentProps) => {
                     <Button
                         compact
                         size="md"
-                        tooltip={{ label: 'Add to queue next', openDelay: 500 }}
+                        tooltip={{
+                            label: t('player.addNext', { postProcess: 'sentenceCase' }),
+                            openDelay: 500,
+                        }}
                         variant="default"
                         onClick={() => {
                             if (!data?.items?.[index].id) return;
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index d95ca0b5c..2e8652ba0 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -1,7 +1,8 @@
+import { MouseEvent, useMemo } from 'react';
 import { Box, Center, Divider, Group, Stack } from '@mantine/core';
 import { closeAllModals, openModal } from '@mantine/modals';
 import { AnimatePresence, motion } from 'framer-motion';
-import { MouseEvent, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { RiAddFill, RiArrowDownSLine, RiDiscLine, RiListUnordered } from 'react-icons/ri';
 import { Link, useLocation } from 'react-router-dom';
 import styled from 'styled-components';
@@ -69,6 +70,7 @@ const SidebarImage = styled.img`
 `;
 
 export const Sidebar = () => {
+    const { t } = useTranslation();
     const location = useLocation();
     const sidebar = useSidebarStore();
     const { setSideBar } = useAppStoreActions();
@@ -77,10 +79,25 @@ export const Sidebar = () => {
     const imageUrl = useCurrentSong()?.imageUrl;
     const server = useCurrentServer();
 
+    const translatedSidebarItemMap = useMemo(
+        () => ({
+            Albums: t('page.sidebar.albums', { postProcess: 'titleCase' }),
+            Artists: t('page.sidebar.artists', { postProcess: 'titleCase' }),
+            Folders: t('page.sidebar.folders', { postProcess: 'titleCase' }),
+            Genres: t('page.sidebar.genres', { postProcess: 'titleCase' }),
+            Home: t('page.sidebar.home', { postProcess: 'titleCase' }),
+            'Now Playing': t('page.sidebar.nowPlaying', { postProcess: 'titleCase' }),
+            Playlists: t('page.sidebar.playlists', { postProcess: 'titleCase' }),
+            Search: t('page.sidebar.search', { postProcess: 'titleCase' }),
+            Settings: t('page.sidebar.settings', { postProcess: 'titleCase' }),
+            Tracks: t('page.sidebar.tracks', { postProcess: 'titleCase' }),
+        }),
+        [t],
+    );
     const upsizedImageUrl = imageUrl
-        ?.replace(/size=\d+/, 'size=300')
-        .replace(/width=\d+/, 'width=300')
-        .replace(/height=\d+/, 'height=300');
+        ?.replace(/size=\d+/, 'size=450')
+        .replace(/width=\d+/, 'width=450')
+        .replace(/height=\d+/, 'height=450');
 
     const showImage = sidebar.image;
 
@@ -90,7 +107,7 @@ export const Sidebar = () => {
         openModal({
             children: <CreatePlaylistForm onCancel={() => closeAllModals()} />,
             size: server?.type === ServerType?.NAVIDROME ? 'xl' : 'sm',
-            title: 'Create Playlist',
+            title: t('form.createPlaylist.title', { postProcess: 'titleCase' }),
         });
     };
 
@@ -120,10 +137,13 @@ export const Sidebar = () => {
             .filter((item) => !item.disabled)
             .map((item) => ({
                 ...item,
+                label:
+                    translatedSidebarItemMap[item.id as keyof typeof translatedSidebarItemMap] ??
+                    item.label,
             }));
 
         return items;
-    }, [sidebarItems]);
+    }, [sidebarItems, translatedSidebarItemMap]);
 
     return (
         <SidebarContainer
@@ -179,7 +199,7 @@ export const Sidebar = () => {
                                         fw="600"
                                         sx={{ fontSize: '1.2rem' }}
                                     >
-                                        Playlists
+                                        {t('page.sidebar.playlists', { postProcess: 'titleCase' })}
                                     </Box>
                                     {playlistsQuery.isLoading && <Spinner />}
                                 </Group>
@@ -187,7 +207,12 @@ export const Sidebar = () => {
                                     <Button
                                         compact
                                         size="md"
-                                        tooltip={{ label: 'Create playlist', openDelay: 500 }}
+                                        tooltip={{
+                                            label: t('action.createPlaylist', {
+                                                postProcess: 'sentenceCase',
+                                            }),
+                                            openDelay: 500,
+                                        }}
                                         variant="default"
                                         onClick={handleCreatePlaylistModal}
                                     >
@@ -198,7 +223,12 @@ export const Sidebar = () => {
                                         component={Link}
                                         size="md"
                                         to={AppRoute.PLAYLISTS}
-                                        tooltip={{ label: 'Playlist list', openDelay: 500 }}
+                                        tooltip={{
+                                            label: t('action.viewPlaylists', {
+                                                postProcess: 'sentenceCase',
+                                            }),
+                                            openDelay: 500,
+                                        }}
                                         variant="default"
                                         onClick={(e) => e.stopPropagation()}
                                     >
@@ -226,7 +256,9 @@ export const Sidebar = () => {
                             onClick={expandFullScreenPlayer}
                         >
                             <Tooltip
-                                label="Toggle fullscreen player"
+                                label={t('player.toggleFullscreenPlayer', {
+                                    postProcess: 'sentenceCase',
+                                })}
                                 openDelay={500}
                             >
                                 {upsizedImageUrl ? (
@@ -251,7 +283,10 @@ export const Sidebar = () => {
                                 radius={100}
                                 size="md"
                                 sx={{ cursor: 'default', position: 'absolute', right: 5, top: 5 }}
-                                tooltip={{ label: 'Collapse', openDelay: 500 }}
+                                tooltip={{
+                                    label: t('common.collapse', { postProcess: 'titleCase' }),
+                                    openDelay: 500,
+                                }}
                                 variant="default"
                                 onClick={(e) => {
                                     e.stopPropagation();
diff --git a/src/renderer/features/songs/components/jellyfin-song-filters.tsx b/src/renderer/features/songs/components/jellyfin-song-filters.tsx
index 5d7c2ec61..2dc327e69 100644
--- a/src/renderer/features/songs/components/jellyfin-song-filters.tsx
+++ b/src/renderer/features/songs/components/jellyfin-song-filters.tsx
@@ -1,10 +1,11 @@
+import { ChangeEvent, useMemo } from 'react';
 import { Divider, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, useMemo } from 'react';
 import { GenreListSort, LibraryItem, SortOrder } from '/@/renderer/api/types';
 import { MultiSelect, NumberInput, Switch, Text } from '/@/renderer/components';
 import { useGenreList } from '/@/renderer/features/genres';
 import { SongListFilter, useListFilterByKey, useListStoreActions } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
 
 interface JellyfinSongFiltersProps {
     customFilters?: Partial<SongListFilter>;
@@ -19,6 +20,7 @@ export const JellyfinSongFilters = ({
     onFilterChange,
     serverId,
 }: JellyfinSongFiltersProps) => {
+    const { t } = useTranslation();
     const { setFilter } = useListStoreActions();
     const filter = useListFilterByKey({ key: pageKey });
 
@@ -49,7 +51,7 @@ export const JellyfinSongFilters = ({
 
     const toggleFilters = [
         {
-            label: 'Is favorited',
+            label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -151,14 +153,14 @@ export const JellyfinSongFilters = ({
                 <NumberInput
                     required
                     defaultValue={filter?._custom?.jellyfin?.minYear}
-                    label="From year"
+                    label={t('filter.fromYear', { postProcess: 'sentenceCase' })}
                     max={2300}
                     min={1700}
                     onChange={handleMinYearFilter}
                 />
                 <NumberInput
                     defaultValue={filter?._custom?.jellyfin?.maxYear}
-                    label="To year"
+                    label={t('filter.toYear', { postProcess: 'sentenceCase' })}
                     max={2300}
                     min={1700}
                     onChange={handleMaxYearFilter}
@@ -171,7 +173,7 @@ export const JellyfinSongFilters = ({
                         searchable
                         data={genreList}
                         defaultValue={selectedGenres}
-                        label="Genres"
+                        label={t('entity.genre', { count: 1, postProcess: 'sentenceCase' })}
                         width={250}
                         onChange={handleGenresFilter}
                     />
diff --git a/src/renderer/features/songs/components/navidrome-song-filters.tsx b/src/renderer/features/songs/components/navidrome-song-filters.tsx
index 9b157a944..96cce9952 100644
--- a/src/renderer/features/songs/components/navidrome-song-filters.tsx
+++ b/src/renderer/features/songs/components/navidrome-song-filters.tsx
@@ -1,10 +1,11 @@
+import { ChangeEvent, useMemo } from 'react';
 import { Divider, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
-import { ChangeEvent, useMemo } from 'react';
 import { GenreListSort, LibraryItem, SortOrder } from '/@/renderer/api/types';
 import { NumberInput, Select, Switch, Text } from '/@/renderer/components';
 import { useGenreList } from '/@/renderer/features/genres';
 import { SongListFilter, useListFilterByKey, useListStoreActions } from '/@/renderer/store';
+import { useTranslation } from 'react-i18next';
 
 interface NavidromeSongFiltersProps {
     customFilters?: Partial<SongListFilter>;
@@ -19,6 +20,7 @@ export const NavidromeSongFilters = ({
     pageKey,
     serverId,
 }: NavidromeSongFiltersProps) => {
+    const { t } = useTranslation();
     const { setFilter } = useListStoreActions();
     const filter = useListFilterByKey({ key: pageKey });
 
@@ -61,7 +63,7 @@ export const NavidromeSongFilters = ({
 
     const toggleFilters = [
         {
-            label: 'Is favorited',
+            label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
             onChange: (e: ChangeEvent<HTMLInputElement>) => {
                 const updatedFilters = setFilter({
                     customFilters,
@@ -119,7 +121,7 @@ export const NavidromeSongFilters = ({
             <Divider my="0.5rem" />
             <Group grow>
                 <NumberInput
-                    label="Year"
+                    label={t('common.year', { postProcess: 'titleCase' })}
                     max={5000}
                     min={0}
                     value={filter._custom?.navidrome?.year}
@@ -132,7 +134,7 @@ export const NavidromeSongFilters = ({
                         searchable
                         data={genreList}
                         defaultValue={filter._custom?.navidrome?.genre_id}
-                        label="Genre"
+                        label={t('entity.genre', { count: 1, postProcess: 'titleCase' })}
                         width={150}
                         onChange={handleGenresFilter}
                     />
diff --git a/src/renderer/features/songs/components/song-list-header-filters.tsx b/src/renderer/features/songs/components/song-list-header-filters.tsx
index 49c82aad7..a1ee1f1cc 100644
--- a/src/renderer/features/songs/components/song-list-header-filters.tsx
+++ b/src/renderer/features/songs/components/song-list-header-filters.tsx
@@ -1,7 +1,8 @@
+import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import { Divider, Flex, Group, Stack } from '@mantine/core';
 import { openModal } from '@mantine/modals';
-import { ChangeEvent, MouseEvent, MutableRefObject, useCallback, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
     RiAddBoxFill,
     RiAddCircleFill,
@@ -27,48 +28,137 @@ import { useListFilterRefresh } from '/@/renderer/hooks/use-list-filter-refresh'
 import { queryClient } from '/@/renderer/lib/react-query';
 import { SongListFilter, useCurrentServer, useListStoreActions } from '/@/renderer/store';
 import { ListDisplayType, Play, ServerType, TableColumn } from '/@/renderer/types';
+import i18n from '/@/i18n/i18n';
 
 const FILTERS = {
     jellyfin: [
-        { defaultOrder: SortOrder.ASC, name: 'Album', value: SongListSort.ALBUM },
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: SongListSort.ALBUM_ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Artist', value: SongListSort.ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Duration', value: SongListSort.DURATION },
-        { defaultOrder: SortOrder.ASC, name: 'Most Played', value: SongListSort.PLAY_COUNT },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: SongListSort.NAME },
-        { defaultOrder: SortOrder.ASC, name: 'Random', value: SongListSort.RANDOM },
-        { defaultOrder: SortOrder.ASC, name: 'Recently Added', value: SongListSort.RECENTLY_ADDED },
         {
             defaultOrder: SortOrder.ASC,
-            name: 'Recently Played',
+            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM_ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.artist', { postProcess: 'titleCase' }),
+            value: SongListSort.ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: SongListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: SongListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: SongListSort.NAME,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.random', { postProcess: 'titleCase' }),
+            value: SongListSort.RANDOM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
+            value: SongListSort.RECENTLY_ADDED,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.recentlyPlayed', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_PLAYED,
         },
-        { defaultOrder: SortOrder.ASC, name: 'Release Date', value: SongListSort.RELEASE_DATE },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.releaseDate', { postProcess: 'titleCase' }),
+            value: SongListSort.RELEASE_DATE,
+        },
     ],
     navidrome: [
-        { defaultOrder: SortOrder.ASC, name: 'Album', value: SongListSort.ALBUM },
-        { defaultOrder: SortOrder.ASC, name: 'Album Artist', value: SongListSort.ALBUM_ARTIST },
-        { defaultOrder: SortOrder.ASC, name: 'Artist', value: SongListSort.ARTIST },
-        { defaultOrder: SortOrder.DESC, name: 'BPM', value: SongListSort.BPM },
-        { defaultOrder: SortOrder.ASC, name: 'Channels', value: SongListSort.CHANNELS },
-        { defaultOrder: SortOrder.ASC, name: 'Comment', value: SongListSort.COMMENT },
-        { defaultOrder: SortOrder.DESC, name: 'Duration', value: SongListSort.DURATION },
-        { defaultOrder: SortOrder.DESC, name: 'Favorited', value: SongListSort.FAVORITED },
-        { defaultOrder: SortOrder.ASC, name: 'Genre', value: SongListSort.GENRE },
-        { defaultOrder: SortOrder.ASC, name: 'Name', value: SongListSort.NAME },
-        { defaultOrder: SortOrder.DESC, name: 'Play Count', value: SongListSort.PLAY_COUNT },
-        { defaultOrder: SortOrder.DESC, name: 'Rating', value: SongListSort.RATING },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.album', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.albumArtist', { postProcess: 'titleCase' }),
+            value: SongListSort.ALBUM_ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.artist', { postProcess: 'titleCase' }),
+            value: SongListSort.ARTIST,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.bpm', { postProcess: 'titleCase' }),
+            value: SongListSort.BPM,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('common.channel', { count: 2, postProcess: 'titleCase' }),
+            value: SongListSort.CHANNELS,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.comment', { postProcess: 'titleCase' }),
+            value: SongListSort.COMMENT,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.duration', { postProcess: 'titleCase' }),
+            value: SongListSort.DURATION,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.isFavorited', { postProcess: 'titleCase' }),
+            value: SongListSort.FAVORITED,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.genre', { postProcess: 'titleCase' }),
+            value: SongListSort.GENRE,
+        },
+        {
+            defaultOrder: SortOrder.ASC,
+            name: i18n.t('filter.name', { postProcess: 'titleCase' }),
+            value: SongListSort.NAME,
+        },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Added',
+            name: i18n.t('filter.playCount', { postProcess: 'titleCase' }),
+            value: SongListSort.PLAY_COUNT,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.rating', { postProcess: 'titleCase' }),
+            value: SongListSort.RATING,
+        },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.recentlyAdded', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_ADDED,
         },
         {
             defaultOrder: SortOrder.DESC,
-            name: 'Recently Played',
+            name: i18n.t('filter.recentlyPlayed', { postProcess: 'titleCase' }),
             value: SongListSort.RECENTLY_PLAYED,
         },
-        { defaultOrder: SortOrder.DESC, name: 'Year', value: SongListSort.YEAR },
+        {
+            defaultOrder: SortOrder.DESC,
+            name: i18n.t('filter.releaseYear', { postProcess: 'titleCase' }),
+            value: SongListSort.YEAR,
+        },
     ],
 };
 
@@ -78,6 +168,7 @@ interface SongListHeaderFiltersProps {
 }
 
 export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFiltersProps) => {
+    const { t } = useTranslation();
     const server = useCurrentServer();
     const { pageKey, handlePlay, customFilters } = useListContext();
     const { display, table, filter, grid } = useListStoreByKey({
@@ -421,7 +512,7 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                             fill: isFilterApplied ? 'var(--primary-color) !important' : undefined,
                         },
                     }}
-                    tooltip={{ label: 'Filters' }}
+                    tooltip={{ label: t('common.filters', { postProcess: 'titleCase' }) }}
                     variant="subtle"
                     onClick={handleOpenFiltersModal}
                 >
@@ -431,7 +522,7 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                 <Button
                     compact
                     size="md"
-                    tooltip={{ label: 'Refresh' }}
+                    tooltip={{ label: t('common.refresh', { postProcess: 'titleCase' }) }}
                     variant="subtle"
                     onClick={handleRefresh}
                 >
@@ -454,19 +545,19 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                             icon={<RiPlayFill />}
                             onClick={() => handlePlay?.({ playType: Play.NOW })}
                         >
-                            Play
+                            {t('player.play', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddBoxFill />}
                             onClick={() => handlePlay?.({ playType: Play.LAST })}
                         >
-                            Add to queue
+                            {t('player.addLast', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             icon={<RiAddCircleFill />}
                             onClick={() => handlePlay?.({ playType: Play.NEXT })}
                         >
-                            Add to queue next
+                            {t('player.addNext', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Divider />
                         <DropdownMenu.Item
@@ -496,27 +587,29 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
                             value={ListDisplayType.CARD}
                             onClick={handleSetViewType}
                         >
-                            Card
+                            {t('table.config.view.card', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.POSTER}
                             value={ListDisplayType.POSTER}
                             onClick={handleSetViewType}
                         >
-                            Poster
+                            {t('table.config.view.poster', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}
                             onClick={handleSetViewType}
                         >
-                            Table
+                            {t('table.config.view.table', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Item>
                         {/* <DropdownMenu.Item
                             $isActive={display === ListDisplayType.TABLE_PAGINATED}
@@ -526,7 +619,9 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                             Table (paginated)
                         </DropdownMenu.Item> */}
                         <DropdownMenu.Divider />
-                        <DropdownMenu.Label>Item Size</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.size', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item closeMenuOnClick={false}>
                             <Slider
                                 defaultValue={isGrid ? grid?.itemSize || 0 : table.rowHeight}
@@ -537,7 +632,11 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                         </DropdownMenu.Item>
                         {isGrid && (
                             <>
-                                <DropdownMenu.Label>Item gap</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.gap', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item closeMenuOnClick={false}>
                                     <Slider
                                         defaultValue={grid?.itemGap || 0}
@@ -548,7 +647,11 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                                 </DropdownMenu.Item>
                             </>
                         )}
-                        <DropdownMenu.Label>Table Columns</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.tableColumns', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             closeMenuOnClick={false}
                             component="div"
@@ -563,7 +666,11 @@ export const SongListHeaderFilters = ({ gridRef, tableRef }: SongListHeaderFilte
                                     onChange={handleTableColumns}
                                 />
                                 <Group position="apart">
-                                    <Text>Auto Fit Columns</Text>
+                                    <Text>
+                                        {t('table.config.general.autoFitColumns', {
+                                            postProcess: 'sentenceCase',
+                                        })}
+                                    </Text>
                                     <Switch
                                         defaultChecked={table.autoFit}
                                         onChange={handleAutoFitColumns}
diff --git a/src/renderer/features/songs/components/song-list-header.tsx b/src/renderer/features/songs/components/song-list-header.tsx
index e5502dc79..b17b86ecd 100644
--- a/src/renderer/features/songs/components/song-list-header.tsx
+++ b/src/renderer/features/songs/components/song-list-header.tsx
@@ -2,6 +2,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 import { Flex, Group, Stack } from '@mantine/core';
 import debounce from 'lodash/debounce';
 import { ChangeEvent, MutableRefObject } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useListStoreByKey } from '../../../store/list.store';
 import { LibraryItem } from '/@/renderer/api/types';
 import { PageHeader, SearchInput } from '/@/renderer/components';
@@ -23,6 +24,7 @@ interface SongListHeaderProps {
 }
 
 export const SongListHeader = ({ gridRef, title, itemCount, tableRef }: SongListHeaderProps) => {
+    const { t } = useTranslation();
     const server = useCurrentServer();
     const { pageKey, handlePlay, customFilters } = useListContext();
     const { setFilter, setTablePagination } = useListStoreActions();
@@ -71,7 +73,9 @@ export const SongListHeader = ({ gridRef, title, itemCount, tableRef }: SongList
                         <LibraryHeaderBar.PlayButton
                             onClick={() => handlePlay?.({ playType: playButtonBehavior })}
                         />
-                        <LibraryHeaderBar.Title>{title || 'Tracks'}</LibraryHeaderBar.Title>
+                        <LibraryHeaderBar.Title>
+                            {title || t('page.trackList.title', { postProcess: 'titleCase' })}
+                        </LibraryHeaderBar.Title>
                         <LibraryHeaderBar.Badge
                             isLoading={itemCount === null || itemCount === undefined}
                         >
diff --git a/src/renderer/features/songs/queries/song-list-query.ts b/src/renderer/features/songs/queries/song-list-query.ts
index 20adf834c..c63d06c51 100644
--- a/src/renderer/features/songs/queries/song-list-query.ts
+++ b/src/renderer/features/songs/queries/song-list-query.ts
@@ -5,7 +5,7 @@ import type { SongListQuery } from '/@/renderer/api/types';
 import { getServerById } from '/@/renderer/store';
 import type { QueryHookArgs } from '/@/renderer/lib/react-query';
 
-export const useSongList = (args: QueryHookArgs<SongListQuery>) => {
+export const useSongList = (args: QueryHookArgs<SongListQuery>, imageSize?: number) => {
     const { query, options, serverId } = args || {};
     const server = getServerById(serverId);
 
@@ -13,9 +13,12 @@ export const useSongList = (args: QueryHookArgs<SongListQuery>) => {
         enabled: !!server?.id,
         queryFn: ({ signal }) => {
             if (!server) throw new Error('Server not found');
-            return controller.getSongList({ apiClientProps: { server, signal }, query });
+            return controller.getSongList({
+                apiClientProps: { server, signal },
+                query: { ...query, imageSize },
+            });
         },
-        queryKey: queryKeys.songs.list(server?.id || '', query),
+        queryKey: queryKeys.songs.list(server?.id || '', { ...query, imageSize }),
         ...options,
     });
 };
diff --git a/src/renderer/features/songs/routes/song-list-route.tsx b/src/renderer/features/songs/routes/song-list-route.tsx
index 61a8f070c..19a20d68f 100644
--- a/src/renderer/features/songs/routes/song-list-route.tsx
+++ b/src/renderer/features/songs/routes/song-list-route.tsx
@@ -1,6 +1,7 @@
 import { useCallback, useMemo, useRef } from 'react';
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
 import isEmpty from 'lodash/isEmpty';
+import { useTranslation } from 'react-i18next';
 import { useParams, useSearchParams } from 'react-router-dom';
 import { GenreListSort, LibraryItem, SongListQuery, SortOrder } from '/@/renderer/api/types';
 import { ListContext } from '/@/renderer/context/list-context';
@@ -16,6 +17,7 @@ import { titleCase } from '/@/renderer/utils';
 import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
 
 const TrackListRoute = () => {
+    const { t } = useTranslation();
     const gridRef = useRef<VirtualInfiniteGridRef | null>(null);
     const tableRef = useRef<AgGridReactType | null>(null);
     const server = useCurrentServer();
@@ -132,6 +134,13 @@ const TrackListRoute = () => {
         };
     }, [albumArtistId, customFilters, genreId, handlePlay, pageKey]);
 
+    const artist = searchParams.get('artistName');
+    const title = artist
+        ? t('page.trackList.artistTracks', { artist })
+        : genreId
+        ? t('page.trackList.genreTracks', { genre: titleCase(genreTitle) })
+        : undefined;
+
     return (
         <AnimatedPage>
             <ListContext.Provider value={providerValue}>
@@ -139,11 +148,7 @@ const TrackListRoute = () => {
                     gridRef={gridRef}
                     itemCount={itemCount}
                     tableRef={tableRef}
-                    title={
-                        searchParams.get('artistName') || genreId
-                            ? `"${titleCase(genreTitle)}" Tracks`
-                            : undefined
-                    }
+                    title={title}
                 />
                 <SongListContent
                     gridRef={gridRef}
diff --git a/src/renderer/features/titlebar/components/app-menu.tsx b/src/renderer/features/titlebar/components/app-menu.tsx
index 5346c335a..b5da60252 100644
--- a/src/renderer/features/titlebar/components/app-menu.tsx
+++ b/src/renderer/features/titlebar/components/app-menu.tsx
@@ -1,6 +1,7 @@
 import { Group } from '@mantine/core';
 import { openModal, closeAllModals } from '@mantine/modals';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import {
     RiLockLine,
     RiWindowFill,
@@ -35,6 +36,7 @@ const browser = isElectron() ? window.electron.browser : null;
 const localSettings = isElectron() ? window.electron.localSettings : null;
 
 export const AppMenu = () => {
+    const { t } = useTranslation();
     const navigate = useNavigate();
     const currentServer = useCurrentServer();
     const serverList = useServerList();
@@ -100,27 +102,27 @@ export const AppMenu = () => {
                 icon={<RiArrowLeftSLine />}
                 onClick={() => navigate(-1)}
             >
-                Go back
+                {t('page.appMenu.goBack', { postProcess: 'sentenceCase' })}
             </DropdownMenu.Item>
             <DropdownMenu.Item
                 icon={<RiArrowRightSLine />}
                 onClick={() => navigate(1)}
             >
-                Go forward
+                {t('page.appMenu.goForward', { postProcess: 'sentenceCase' })}
             </DropdownMenu.Item>
             {collapsed ? (
                 <DropdownMenu.Item
                     icon={<RiLayoutRightLine />}
                     onClick={handleExpandSidebar}
                 >
-                    Expand sidebar
+                    {t('page.appMenu.expandSidebar', { postProcess: 'sentenceCase' })}
                 </DropdownMenu.Item>
             ) : (
                 <DropdownMenu.Item
                     icon={<RiLayoutLeftLine />}
                     onClick={handleCollapseSidebar}
                 >
-                    Collapse sidebar
+                    {t('page.appMenu.collapseSidebar', { postProcess: 'sentenceCase' })}
                 </DropdownMenu.Item>
             )}
             <DropdownMenu.Divider />
@@ -129,17 +131,19 @@ export const AppMenu = () => {
                 icon={<RiSettings3Line />}
                 to={AppRoute.SETTINGS}
             >
-                Settings
+                {t('page.appMenu.settings', { postProcess: 'sentenceCase' })}
             </DropdownMenu.Item>
             <DropdownMenu.Item
                 icon={<RiEdit2Line />}
                 onClick={handleManageServersModal}
             >
-                Manage servers
+                {t('page.appMenu.manageServers', { postProcess: 'sentenceCase' })}
             </DropdownMenu.Item>
 
             <DropdownMenu.Divider />
-            <DropdownMenu.Label>Select a server</DropdownMenu.Label>
+            <DropdownMenu.Label>
+                {t('page.appMenu.selectServer', { postProcess: 'sentenceCase' })}
+            </DropdownMenu.Label>
             {Object.keys(serverList).map((serverId) => {
                 const server = serverList[serverId];
                 const isNavidromeExpired =
@@ -175,7 +179,10 @@ export const AppMenu = () => {
                 rightSection={<RiExternalLinkLine />}
                 target="_blank"
             >
-                Version {packageJson.version}
+                {t('page.appMenu.version', {
+                    postProcess: 'sentenceCase',
+                    version: packageJson.version,
+                })}
             </DropdownMenu.Item>
             {isElectron() && (
                 <>
@@ -184,13 +191,13 @@ export const AppMenu = () => {
                         icon={<RiWindowFill />}
                         onClick={handleBrowserDevTools}
                     >
-                        Open browser devtools
+                        {t('page.appMenu.openBrowserDevtools', { postProcess: 'sentenceCase' })}
                     </DropdownMenu.Item>
                     <DropdownMenu.Item
                         icon={<RiCloseCircleLine />}
                         onClick={handleQuit}
                     >
-                        Quit
+                        {t('page.appMenu.quit', { postProcess: 'sentenceCase' })}
                     </DropdownMenu.Item>
                 </>
             )}
diff --git a/src/renderer/hooks/index.ts b/src/renderer/hooks/index.ts
index 82dd033a4..0bc18aeb1 100644
--- a/src/renderer/hooks/index.ts
+++ b/src/renderer/hooks/index.ts
@@ -5,3 +5,4 @@ export * from './use-container-query';
 export * from './use-fast-average-color';
 export * from './use-hide-scrollbar';
 export * from './use-app-focus';
+export * from './use-is-overflow';
diff --git a/src/renderer/hooks/use-is-overflow.ts b/src/renderer/hooks/use-is-overflow.ts
new file mode 100644
index 000000000..a3c0b7d0f
--- /dev/null
+++ b/src/renderer/hooks/use-is-overflow.ts
@@ -0,0 +1,20 @@
+import { MutableRefObject, useState, useLayoutEffect } from 'react';
+
+export const useIsOverflow = (ref: MutableRefObject<HTMLDivElement | null>) => {
+    const [isOverflow, setIsOverflow] = useState<Boolean | undefined>(undefined);
+
+    useLayoutEffect(() => {
+        const { current } = ref;
+
+        const trigger = () => {
+            const hasOverflow = (current?.scrollHeight || 0) > (current?.clientHeight || 0);
+            setIsOverflow(hasOverflow);
+        };
+
+        if (current) {
+            trigger();
+        }
+    }, [ref]);
+
+    return isOverflow;
+};
diff --git a/src/renderer/hooks/use-server-version.ts b/src/renderer/hooks/use-server-version.ts
new file mode 100644
index 000000000..6ca1327d8
--- /dev/null
+++ b/src/renderer/hooks/use-server-version.ts
@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { useAuthStoreActions, useCurrentServer } from '/@/renderer/store';
+import { useQuery } from '@tanstack/react-query';
+import { queryKeys } from '/@/renderer/api/query-keys';
+import { controller } from '/@/renderer/api/controller';
+
+export const useServerVersion = () => {
+    const { updateServer } = useAuthStoreActions();
+    const server = useCurrentServer();
+
+    const serverInfo = useQuery({
+        enabled: !!server,
+        queryFn: async ({ signal }) => {
+            return controller.getServerInfo({
+                apiClientProps: {
+                    server,
+                    signal,
+                },
+            });
+        },
+        queryKey: queryKeys.server.root(server?.id),
+    });
+
+    useEffect(() => {
+        if (server && server.id === serverInfo.data?.id) {
+            const { version, features } = serverInfo.data;
+            if (version !== server.version) {
+                updateServer(server.id, {
+                    features,
+                    version,
+                });
+            }
+        }
+    }, [server, serverInfo.data, updateServer]);
+};
diff --git a/src/renderer/index.ejs b/src/renderer/index.ejs
index ca2205262..4d5ecd15c 100644
--- a/src/renderer/index.ejs
+++ b/src/renderer/index.ejs
@@ -6,6 +6,9 @@
   <meta http-equiv="Content-Security-Policy" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Feishin</title>
+  <% if (web) { %>
+  <script src="settings.js"></script>
+  <% } %>
 </head>
 
 <body>
diff --git a/src/renderer/layouts/window-bar.tsx b/src/renderer/layouts/window-bar.tsx
index 90413f327..d6db0114a 100644
--- a/src/renderer/layouts/window-bar.tsx
+++ b/src/renderer/layouts/window-bar.tsx
@@ -222,7 +222,9 @@ export const WindowBar = () => {
     const statusString = playerStatus === PlayerStatus.PAUSED ? '(Paused) ' : '';
     const queueString = length ? `(${index + 1} / ${length}) ` : '';
     const title = length
-        ? `${statusString}${queueString}${currentSong?.name} — ${currentSong?.artistName}`
+        ? currentSong?.artistName
+            ? `${statusString}${queueString}${currentSong?.name} — ${currentSong?.artistName}`
+            : `${statusString}${queueString}${currentSong?.name}`
         : 'Feishin';
     document.title = title;
 
diff --git a/src/renderer/preload.d.ts b/src/renderer/preload.d.ts
index 5f0ef1c19..7d8c92585 100644
--- a/src/renderer/preload.d.ts
+++ b/src/renderer/preload.d.ts
@@ -1,6 +1,6 @@
 import { IpcRendererEvent } from 'electron';
 import { PlayerData, PlayerState } from './store';
-import { InternetProviderLyricResponse, QueueSong } from '/@/renderer/api/types';
+import { FontData, InternetProviderLyricResponse, QueueSong } from '/@/renderer/api/types';
 import { Remote } from '/@/main/preload/remote';
 import { Mpris } from '/@/main/preload/mpris';
 import { MpvPLayer, MpvPlayerListener } from '/@/main/preload/mpv-player';
@@ -8,11 +8,18 @@ import { Lyrics } from '/@/main/preload/lyrics';
 import { Utils } from '/@/main/preload/utils';
 import { LocalSettings } from '/@/main/preload/local-settings';
 import { Ipc } from '/@/main/preload/ipc';
+import { DiscordRpc } from '/@/main/preload/discord-rpc';
+import { Browser } from '/@/main/preload/browser';
 
 declare global {
     interface Window {
+        SERVER_LOCK?: boolean;
+        SERVER_NAME?: string;
+        SERVER_TYPE?: string;
+        SERVER_URL?: string;
         electron: {
-            browser: any;
+            browser: Browser;
+            discordRpc: DiscordRpc;
             ipc?: Ipc;
             ipcRenderer: {
                 APP_RESTART(): void;
@@ -76,6 +83,7 @@ declare global {
             remote?: Remote;
             utils?: Utils;
         };
+        queryLocalFonts?: () => Promise<FontData[]>;
     }
 }
 
diff --git a/src/renderer/router/app-outlet.tsx b/src/renderer/router/app-outlet.tsx
index 6bd6daf43..d77a8981c 100644
--- a/src/renderer/router/app-outlet.tsx
+++ b/src/renderer/router/app-outlet.tsx
@@ -1,30 +1,42 @@
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import isElectron from 'is-electron';
 import { Navigate, Outlet } from 'react-router-dom';
 import { AppRoute } from '/@/renderer/router/routes';
-import { useCurrentServer } from '/@/renderer/store';
+import { useCurrentServer, useSetPlayerFallback } from '/@/renderer/store';
+import { toast } from '/@/renderer/components';
 
-const localSettings = isElectron() ? window.electron.localSettings : null;
+const ipc = isElectron() ? window.electron.ipc : null;
+const utils = isElectron() ? window.electron.utils : null;
+const mpvPlayerListener = isElectron() ? window.electron.mpvPlayerListener : null;
 
 export const AppOutlet = () => {
     const currentServer = useCurrentServer();
+    const setFallback = useSetPlayerFallback();
 
     const isActionsRequired = useMemo(() => {
-        const isMpvRequired = () => {
-            if (!localSettings) return false;
-            const mpvPath = localSettings.get('mpv_path');
-            if (mpvPath) return false;
-            return true;
-        };
-
         const isServerRequired = !currentServer;
 
-        const actions = [isServerRequired, isMpvRequired()];
+        const actions = [isServerRequired];
         const isActionRequired = actions.some((c) => c);
 
         return isActionRequired;
     }, [currentServer]);
 
+    useEffect(() => {
+        utils?.mainMessageListener((_event, data) => {
+            toast.show(data);
+        });
+
+        mpvPlayerListener?.rendererPlayerFallback((_event, data) => {
+            setFallback(data);
+        });
+
+        return () => {
+            ipc?.removeAllListeners('toast-from-main');
+            ipc?.removeAllListeners('renderer-player-fallback');
+        };
+    }, [setFallback]);
+
     if (isActionsRequired) {
         return (
             <Navigate
diff --git a/src/renderer/store/player.store.ts b/src/renderer/store/player.store.ts
index dcbf190af..6632d7551 100644
--- a/src/renderer/store/player.store.ts
+++ b/src/renderer/store/player.store.ts
@@ -18,9 +18,11 @@ export interface PlayerState {
         seek: boolean;
         shuffledIndex: number;
         song?: QueueSong;
+        speed: number;
         status: PlayerStatus;
         time: number;
     };
+    fallback: boolean | null;
     muted: boolean;
     queue: {
         default: QueueSong[];
@@ -81,8 +83,10 @@ export interface PlayerSlice extends PlayerState {
         reorderQueue: (rowUniqueIds: string[], afterUniqueId?: string) => PlayerData;
         restoreQueue: (data: Partial<PlayerState>) => PlayerData;
         setCurrentIndex: (index: number) => PlayerData;
+        setCurrentSpeed: (speed: number) => void;
         setCurrentTime: (time: number, seek?: boolean) => void;
         setCurrentTrack: (uniqueId: string) => PlayerData;
+        setFallback: (fallback: boolean | null) => boolean;
         setFavorite: (ids: string[], favorite: boolean) => string[];
         setMuted: (muted: boolean) => void;
         setRating: (ids: string[], rating: number | null) => string[];
@@ -109,8 +113,10 @@ export const usePlayerStore = create<PlayerSlice>()(
                                 ...song,
                                 uniqueId: nanoid(),
                             }));
+                            const queue = get().queue.default;
 
-                            if (playType === Play.NOW) {
+                            // If the queue is empty, next/last should behave the same as now
+                            if (playType === Play.NOW || queue.length === 0) {
                                 if (get().shuffle === PlayerShuffle.TRACK) {
                                     const index = initialIndex || 0;
                                     const initialSong = songsToAddToQueue[index];
@@ -170,7 +176,6 @@ export const usePlayerStore = create<PlayerSlice>()(
                                     state.queue.shuffled = shuffledQueueWithNewSongs;
                                 });
                             } else if (playType === Play.NEXT) {
-                                const queue = get().queue.default;
                                 const currentIndex = get().current.index;
 
                                 if (get().shuffle === PlayerShuffle.TRACK) {
@@ -259,6 +264,13 @@ export const usePlayerStore = create<PlayerSlice>()(
                                 });
                             }
 
+                            if (isLastTrack && repeat === PlayerRepeat.NONE) {
+                                set((state) => {
+                                    state.current.time = 0;
+                                    state.current.status = PlayerStatus.PAUSED;
+                                });
+                            }
+
                             return get().actions.getPlayerData();
                         },
                         checkIsFirstTrack: () => {
@@ -333,13 +345,14 @@ export const usePlayerStore = create<PlayerSlice>()(
                                     else previousSongIndex = shuffledIndex - 1;
                                 }
 
-                                const next = nextSongIndex
-                                    ? (queue.find(
-                                          (song) =>
-                                              song.uniqueId ===
-                                              shuffledQueue[nextSongIndex as number],
-                                      ) as QueueSong)
-                                    : undefined;
+                                const next =
+                                    nextSongIndex !== undefined
+                                        ? (queue.find(
+                                              (song) =>
+                                                  song.uniqueId ===
+                                                  shuffledQueue[nextSongIndex as number],
+                                          ) as QueueSong)
+                                        : undefined;
 
                                 const previous = queue.find(
                                     (song) => song.uniqueId === shuffledQueue[shuffledIndex - 1],
@@ -631,10 +644,17 @@ export const usePlayerStore = create<PlayerSlice>()(
                         removeFromQueue: (uniqueIds) => {
                             const queue = get().queue.default;
                             const currentSong = get().current.song;
+                            const currentPosition = get().current.index;
+                            let queueShift = 0;
 
-                            const newQueue = queue.filter(
-                                (song) => !uniqueIds.includes(song.uniqueId),
-                            );
+                            const newQueue = queue.filter((song, index) => {
+                                const shouldKeep = !uniqueIds.includes(song.uniqueId);
+                                if (!shouldKeep && index < currentPosition) {
+                                    queueShift += 1;
+                                }
+
+                                return shouldKeep;
+                            });
                             const newShuffledQueue = get().queue.shuffled.filter(
                                 (uniqueId) => !uniqueIds.includes(uniqueId),
                             );
@@ -648,6 +668,10 @@ export const usePlayerStore = create<PlayerSlice>()(
                                 if (isCurrentSongRemoved) {
                                     state.current.song = newQueue[0];
                                     state.current.index = 0;
+                                } else {
+                                    // if we removed any songs prior to the current one,
+                                    // shift the index back as necessary
+                                    state.current.index -= queueShift;
                                 }
                             });
 
@@ -739,6 +763,11 @@ export const usePlayerStore = create<PlayerSlice>()(
 
                             return get().actions.getPlayerData();
                         },
+                        setCurrentSpeed: (speed) => {
+                            set((state) => {
+                                state.current.speed = speed;
+                            });
+                        },
                         setCurrentTime: (time, seek = false) => {
                             set((state) => {
                                 state.current.seek = seek;
@@ -779,6 +808,13 @@ export const usePlayerStore = create<PlayerSlice>()(
 
                             return get().actions.getPlayerData();
                         },
+                        setFallback: (fallback) => {
+                            set((state) => {
+                                state.fallback = fallback;
+                            });
+
+                            return fallback || false;
+                        },
                         setFavorite: (ids, favorite) => {
                             const { default: queue } = get().queue;
                             const foundUniqueIds = [];
@@ -802,6 +838,15 @@ export const usePlayerStore = create<PlayerSlice>()(
                                 });
                             }
 
+                            const previousSongId = get().queue.previousNode?.id;
+                            if (previousSongId && ids.includes(previousSongId)) {
+                                set((state) => {
+                                    if (state.queue.previousNode) {
+                                        state.queue.previousNode.userFavorite = favorite;
+                                    }
+                                });
+                            }
+
                             return foundUniqueIds;
                         },
                         setMuted: (muted: boolean) => {
@@ -890,17 +935,19 @@ export const usePlayerStore = create<PlayerSlice>()(
                         },
                         shuffleQueue: () => {
                             const queue = get().queue.default;
-                            const shuffledQueue = shuffle(queue);
 
-                            const currentSongUniqueId = get().current.song?.uniqueId;
-                            const newCurrentSongIndex = shuffledQueue.findIndex(
-                                (song) => song.uniqueId === currentSongUniqueId,
-                            );
+                            if (queue.length > 2) {
+                                const index = get().current.index;
 
-                            set((state) => {
-                                state.current.index = newCurrentSongIndex;
-                                state.queue.default = shuffledQueue;
-                            });
+                                const first = queue.slice(0, index);
+                                const second = queue.slice(index + 1);
+                                const shuffledQueue = shuffle(first.concat(second));
+                                shuffledQueue.splice(index, 0, queue[index]);
+
+                                set((state) => {
+                                    state.queue.default = shuffledQueue;
+                                });
+                            }
 
                             return get().actions.getPlayerData();
                         },
@@ -913,9 +960,11 @@ export const usePlayerStore = create<PlayerSlice>()(
                         seek: false,
                         shuffledIndex: 0,
                         song: {} as QueueSong,
+                        speed: 1.0,
                         status: PlayerStatus.PAUSED,
                         time: 0,
                     },
+                    fallback: null,
                     muted: false,
                     queue: {
                         default: [],
@@ -936,7 +985,7 @@ export const usePlayerStore = create<PlayerSlice>()(
                 },
                 name: 'store_player',
                 partialize: (state) => {
-                    const notPersisted = ['queue', 'current', 'entry'];
+                    const notPersisted = ['queue', 'current', 'entry', 'fallback'];
                     return Object.fromEntries(
                         Object.entries(state).filter(([key]) => !notPersisted.includes(key)),
                     );
@@ -1027,6 +1076,14 @@ export const useVolume = () => usePlayerStore((state) => state.volume);
 
 export const useMuted = () => usePlayerStore((state) => state.muted);
 
+export const useSpeed = () => usePlayerStore((state) => state.current.speed);
+
+export const usePlayerFallback = () => usePlayerStore((state) => state.fallback);
+
+export const useSetPlayerFallback = () => usePlayerStore((state) => state.actions.setFallback);
+
+export const useSetCurrentSpeed = () => usePlayerStore((state) => state.actions.setCurrentSpeed);
+
 export const useSetQueueFavorite = () => usePlayerStore((state) => state.actions.setFavorite);
 
 export const useSetQueueRating = () => usePlayerStore((state) => state.actions.setRating);
diff --git a/src/renderer/store/settings.store.ts b/src/renderer/store/settings.store.ts
index 870d48ea8..f9cae3aa8 100644
--- a/src/renderer/store/settings.store.ts
+++ b/src/renderer/store/settings.store.ts
@@ -19,8 +19,11 @@ import {
     PlaybackType,
     TableType,
     Platform,
+    FontType,
 } from '/@/renderer/types';
 import { randomString } from '/@/renderer/utils';
+import i18n from '/@/i18n/i18n';
+import { usePlayerStore } from '/@/renderer/store/player.store';
 
 const utils = isElectron() ? window.electron.utils : null;
 
@@ -32,29 +35,86 @@ export type SidebarItemType = {
 };
 
 export const sidebarItems = [
-    { disabled: true, id: 'Now Playing', label: 'Now Playing', route: AppRoute.NOW_PLAYING },
+    {
+        disabled: true,
+        id: 'Now Playing',
+        label: i18n.t('page.sidebar.nowPlaying'),
+        route: AppRoute.NOW_PLAYING,
+    },
     {
         disabled: true,
         id: 'Search',
-        label: 'Search',
+        label: i18n.t('page.sidebar.search'),
         route: generatePath(AppRoute.SEARCH, { itemType: LibraryItem.SONG }),
     },
-    { disabled: false, id: 'Home', label: 'Home', route: AppRoute.HOME },
-    { disabled: false, id: 'Albums', label: 'Albums', route: AppRoute.LIBRARY_ALBUMS },
-    { disabled: false, id: 'Tracks', label: 'Tracks', route: AppRoute.LIBRARY_SONGS },
+    { disabled: false, id: 'Home', label: i18n.t('page.sidebar.home'), route: AppRoute.HOME },
+    {
+        disabled: false,
+        id: 'Albums',
+        label: i18n.t('page.sidebar.albums'),
+        route: AppRoute.LIBRARY_ALBUMS,
+    },
+    {
+        disabled: false,
+        id: 'Tracks',
+        label: i18n.t('page.sidebar.tracks'),
+        route: AppRoute.LIBRARY_SONGS,
+    },
     {
         disabled: false,
         id: 'Artists',
-        label: 'Artists',
+        label: i18n.t('page.sidebar.artists'),
         route: AppRoute.LIBRARY_ALBUM_ARTISTS,
     },
-    { disabled: false, id: 'Genres', label: 'Genres', route: AppRoute.LIBRARY_GENRES },
-    { disabled: true, id: 'Folders', label: 'Folders', route: AppRoute.LIBRARY_FOLDERS },
-    { disabled: true, id: 'Playlists', label: 'Playlists', route: AppRoute.PLAYLISTS },
-    { disabled: true, id: 'Settings', label: 'Settings', route: AppRoute.SETTINGS },
-    { disabled: true, id: 'Rescan', label: 'Rescan', route: AppRoute.RESCAN },
+    {
+        disabled: false,
+        id: 'Genres',
+        label: i18n.t('page.sidebar.genres'),
+        route: AppRoute.LIBRARY_GENRES,
+    },
+    {
+        disabled: true,
+        id: 'Folders',
+        label: i18n.t('page.sidebar.folders'),
+        route: AppRoute.LIBRARY_FOLDERS,
+    },
+    {
+        disabled: true,
+        id: 'Playlists',
+        label: i18n.t('page.sidebar.playlists'),
+        route: AppRoute.PLAYLISTS,
+    },
+    {
+        disabled: true,
+        id: 'Settings',
+        label: i18n.t('page.sidebar.settings'),
+        route: AppRoute.SETTINGS,
+    },
+    {
+        disabled: true,
+        id: 'Rescan',
+        label: i18n.t('page.sidebar.rescan'),
+        route: AppRoute.RESCAN,
+    },
 ];
 
+export type SortableItem<T> = {
+    disabled: boolean;
+    id: T;
+};
+
+export enum HomeItem {
+    MOST_PLAYED = 'mostPlayed',
+    RANDOM = 'random',
+    RECENTLY_ADDED = 'recentlyAdded',
+    RECENTLY_PLAYED = 'recentlyPlayed',
+}
+
+export const homeItems = Object.values(HomeItem).map((item) => ({
+    disabled: false,
+    id: item,
+}));
+
 export type PersistedTableColumn = {
     column: TableColumn;
     extraProps?: Partial<ColDef>;
@@ -84,6 +144,12 @@ type MpvSettings = {
 export enum BindingActions {
     BROWSER_BACK = 'browserBack',
     BROWSER_FORWARD = 'browserForward',
+    FAVORITE_CURRENT_ADD = 'favoriteCurrentAdd',
+    FAVORITE_CURRENT_REMOVE = 'favoriteCurrentRemove',
+    FAVORITE_CURRENT_TOGGLE = 'favoriteCurrentToggle',
+    FAVORITE_PREVIOUS_ADD = 'favoritePreviousAdd',
+    FAVORITE_PREVIOUS_REMOVE = 'favoritePreviousRemove',
+    FAVORITE_PREVIOUS_TOGGLE = 'favoritePreviousToggle',
     GLOBAL_SEARCH = 'globalSearch',
     LOCAL_SEARCH = 'localSearch',
     MUTE = 'volumeMute',
@@ -112,10 +178,29 @@ export enum BindingActions {
 }
 
 export interface SettingsState {
+    discord: {
+        clientId: string;
+        enableIdle: boolean;
+        enabled: boolean;
+        showServerImage: boolean;
+        updateInterval: number;
+    };
+    font: {
+        builtIn: string;
+        custom: string | null;
+        system: string | null;
+        type: FontType;
+    };
     general: {
+        accent: string;
+        albumArtRes?: number | null;
+        buttonSize: number;
         defaultFullPlaylist: boolean;
+        externalLinks: boolean;
         followSystemTheme: boolean;
-        fontContent: string;
+        homeItems: SortableItem<HomeItem>[];
+        language: string;
+        passwordStore?: string;
         playButtonBehavior: Play;
         resume: boolean;
         showQueueDrawerButton: boolean;
@@ -188,6 +273,7 @@ export interface SettingsState {
         disableAutoUpdate: boolean;
         exitToTray: boolean;
         minimizeToTray: boolean;
+        startMinimized: boolean;
         windowBarStyle: Platform;
     };
 }
@@ -195,6 +281,8 @@ export interface SettingsState {
 export interface SettingsSlice extends SettingsState {
     actions: {
         reset: () => void;
+        resetSampleRate: () => void;
+        setHomeItems: (item: SortableItem<HomeItem>[]) => void;
         setSettings: (data: Partial<SettingsState>) => void;
         setSidebarItems: (items: SidebarItemType[]) => void;
         setTable: (type: TableType, data: DataTableProps) => void;
@@ -209,10 +297,29 @@ const getPlatformDefaultWindowBarStyle = (): Platform => {
 const platformDefaultWindowBarStyle: Platform = getPlatformDefaultWindowBarStyle();
 
 const initialState: SettingsState = {
+    discord: {
+        clientId: '1165957668758900787',
+        enableIdle: false,
+        enabled: false,
+        showServerImage: false,
+        updateInterval: 15,
+    },
+    font: {
+        builtIn: 'Inter',
+        custom: null,
+        system: null,
+        type: FontType.BUILT_IN,
+    },
     general: {
+        accent: 'rgb(53, 116, 252)',
+        albumArtRes: undefined,
+        buttonSize: 20,
         defaultFullPlaylist: true,
+        externalLinks: true,
         followSystemTheme: false,
-        fontContent: 'Inter',
+        homeItems,
+        language: 'en',
+        passwordStore: undefined,
         playButtonBehavior: Play.NOW,
         resume: false,
         showQueueDrawerButton: false,
@@ -235,12 +342,18 @@ const initialState: SettingsState = {
         bindings: {
             browserBack: { allowGlobal: false, hotkey: '', isGlobal: false },
             browserForward: { allowGlobal: false, hotkey: '', isGlobal: false },
+            favoriteCurrentAdd: { allowGlobal: true, hotkey: '', isGlobal: false },
+            favoriteCurrentRemove: { allowGlobal: true, hotkey: '', isGlobal: false },
+            favoriteCurrentToggle: { allowGlobal: true, hotkey: '', isGlobal: false },
+            favoritePreviousAdd: { allowGlobal: true, hotkey: '', isGlobal: false },
+            favoritePreviousRemove: { allowGlobal: true, hotkey: '', isGlobal: false },
+            favoritePreviousToggle: { allowGlobal: true, hotkey: '', isGlobal: false },
             globalSearch: { allowGlobal: false, hotkey: 'mod+k', isGlobal: false },
             localSearch: { allowGlobal: false, hotkey: 'mod+f', isGlobal: false },
             next: { allowGlobal: true, hotkey: '', isGlobal: false },
             pause: { allowGlobal: true, hotkey: '', isGlobal: false },
             play: { allowGlobal: true, hotkey: '', isGlobal: false },
-            playPause: { allowGlobal: true, hotkey: '', isGlobal: false },
+            playPause: { allowGlobal: true, hotkey: 'space', isGlobal: false },
             previous: { allowGlobal: true, hotkey: '', isGlobal: false },
             rate0: { allowGlobal: true, hotkey: '', isGlobal: false },
             rate1: { allowGlobal: true, hotkey: '', isGlobal: false },
@@ -298,7 +411,7 @@ const initialState: SettingsState = {
             scrobbleAtPercentage: 75,
         },
         style: PlaybackStyle.GAPLESS,
-        type: PlaybackType.LOCAL,
+        type: PlaybackType.WEB,
     },
     remote: {
         enabled: false,
@@ -469,6 +582,7 @@ const initialState: SettingsState = {
         disableAutoUpdate: false,
         exitToTray: false,
         minimizeToTray: false,
+        startMinimized: false,
         windowBarStyle: platformDefaultWindowBarStyle,
     },
 };
@@ -491,6 +605,16 @@ export const useSettingsStore = create<SettingsSlice>()(
                             set(initialState);
                         }
                     },
+                    resetSampleRate: () => {
+                        set((state) => {
+                            state.playback.mpvProperties.audioSampleRateHz = 0;
+                        });
+                    },
+                    setHomeItems: (items: SortableItem<HomeItem>[]) => {
+                        set((state) => {
+                            state.general.homeItems = items;
+                        });
+                    },
                     setSettings: (data) => {
                         set({ ...get(), ...data });
                     },
@@ -514,7 +638,7 @@ export const useSettingsStore = create<SettingsSlice>()(
                 return merge(currentState, persistedState);
             },
             name: 'store_settings',
-            version: 6,
+            version: 8,
         },
     ),
 );
@@ -528,7 +652,16 @@ export const useTableSettings = (type: TableType) =>
 
 export const useGeneralSettings = () => useSettingsStore((state) => state.general, shallow);
 
-export const usePlayerType = () => useSettingsStore((state) => state.playback.type, shallow);
+export const usePlaybackType = () =>
+    useSettingsStore((state) => {
+        const isFallback = usePlayerStore.getState().fallback;
+
+        if (isFallback) {
+            return PlaybackType.WEB;
+        }
+
+        return state.playback.type;
+    });
 
 export const usePlayButtonBehavior = () =>
     useSettingsStore((state) => state.general.playButtonBehavior, shallow);
@@ -543,3 +676,7 @@ export const useMpvSettings = () =>
 export const useLyricsSettings = () => useSettingsStore((state) => state.lyrics, shallow);
 
 export const useRemoteSettings = () => useSettingsStore((state) => state.remote, shallow);
+
+export const useFontSettings = () => useSettingsStore((state) => state.font, shallow);
+
+export const useDiscordSetttings = () => useSettingsStore((state) => state.discord, shallow);
diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss
index 970e6f4ec..f4af588f1 100644
--- a/src/renderer/themes/default.scss
+++ b/src/renderer/themes/default.scss
@@ -70,7 +70,7 @@
     --input-placeholder-fg: rgb(107, 108, 109);
     --input-active-fg: rgb(193, 193, 193);
     --input-active-bg: rgba(255, 255, 255, 10%);
-    --dropdown-menu-bg: rgb(32, 32, 32);
+    --dropdown-menu-bg: rgba(32, 32, 32, 95%);
     --dropdown-menu-fg: rgb(235, 235, 235);
     --dropdown-menu-item-padding: 0.8rem;
     --dropdown-menu-item-font-size: 1rem;
@@ -116,6 +116,7 @@
     --table-fg: rgb(179, 179, 179);
     --table-row-hover-bg: rgba(100, 100, 100, 20%);
     --table-row-selected-bg: rgba(100, 100, 100, 40%);
+    --fullscreen-player-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 
     .ag-theme-alpine-dark {
         --ag-font-family: var(--content-font-family);
diff --git a/src/renderer/themes/light.scss b/src/renderer/themes/light.scss
index 63ff6c809..0d7690988 100644
--- a/src/renderer/themes/light.scss
+++ b/src/renderer/themes/light.scss
@@ -95,6 +95,7 @@ body[data-theme='defaultLight'] {
     --table-fg: rgb(179, 179, 179);
     --table-row-hover-bg: rgba(150, 150, 150, 20%);
     --table-row-selected-bg: rgba(150, 150, 150, 30%);
+    --fullscreen-player-text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
 
     .ag-theme-alpine-dark {
         --ag-font-family: var(--content-font-family);
diff --git a/src/renderer/types.ts b/src/renderer/types.ts
index 29bcb7b7a..fe683f301 100644
--- a/src/renderer/types.ts
+++ b/src/renderer/types.ts
@@ -60,8 +60,20 @@ export enum ServerType {
     SUBSONIC = 'subsonic',
 }
 
+export const toServerType = (value?: string): ServerType | null => {
+    switch (value?.toLowerCase()) {
+        case ServerType.JELLYFIN:
+            return ServerType.JELLYFIN;
+        case ServerType.NAVIDROME:
+            return ServerType.NAVIDROME;
+        default:
+            return null;
+    }
+};
+
 export type ServerListItem = {
     credential: string;
+    features?: Record<string, number[]>;
     id: string;
     name: string;
     ndCredential?: string;
@@ -70,6 +82,7 @@ export type ServerListItem = {
     url: string;
     userId: string | null;
     username: string;
+    version?: string;
 };
 
 export enum PlayerStatus {
@@ -142,6 +155,7 @@ export enum TableColumn {
     BIT_RATE = 'bitRate',
     BPM = 'bpm',
     CHANNELS = 'channels',
+    CODEC = 'codec',
     COMMENT = 'comment',
     DATE_ADDED = 'dateAdded',
     DISC_NUMBER = 'discNumber',
@@ -203,3 +217,11 @@ export type SongUpdate = {
     /** This volume is in range 0-100 */
     volume?: number;
 };
+
+export enum FontType {
+    BUILT_IN = 'builtIn',
+    CUSTOM = 'custom',
+    SYSTEM = 'system',
+}
+
+export type TitleTheme = 'dark' | 'light' | 'system';
diff --git a/src/renderer/utils/index.ts b/src/renderer/utils/index.ts
index 63f206008..837701082 100644
--- a/src/renderer/utils/index.ts
+++ b/src/renderer/utils/index.ts
@@ -7,3 +7,4 @@ export * from './get-header-color';
 export * from './parse-search-params';
 export * from './format-duration-string';
 export * from './rgb-to-rgba';
+export * from './sentence-case';
diff --git a/src/renderer/utils/linkify.tsx b/src/renderer/utils/linkify.tsx
new file mode 100644
index 000000000..e1bc794d1
--- /dev/null
+++ b/src/renderer/utils/linkify.tsx
@@ -0,0 +1,38 @@
+// Inspired by https://github.com/navidrome/navidrome/blob/c530ccf13854e3a840ddf63eef5e2323fbe2827d/ui/src/common/AnchorMe.js
+const URL_REGEX =
+    /((?:https?:\/\/)?(?:[\w-]{1,32}(?:\.[\w-]{1,32})+)(?:\/[\w\-./?%&=][^.|^\s]*)?)/g;
+
+export const replaceURLWithHTMLLinks = (text: string) => {
+    const urlRegex = new RegExp(URL_REGEX, 'g');
+    const matches = text.matchAll(urlRegex);
+    const elements = [];
+    let lastIndex = 0;
+
+    for (const match of matches) {
+        const position = match.index!;
+
+        if (position > lastIndex) {
+            elements.push(text.substring(lastIndex, position));
+        }
+
+        const link = match[0];
+        elements.push(
+            <a
+                key={lastIndex}
+                href={link}
+                rel="noopener noreferrer"
+                target="_blank"
+            >
+                {link}
+            </a>,
+        );
+
+        lastIndex = position + link.length;
+    }
+
+    if (text.length > lastIndex) {
+        elements.push(text.substring(lastIndex));
+    }
+
+    return elements;
+};
diff --git a/src/renderer/utils/sentence-case.ts b/src/renderer/utils/sentence-case.ts
new file mode 100644
index 000000000..28f642f04
--- /dev/null
+++ b/src/renderer/utils/sentence-case.ts
@@ -0,0 +1,3 @@
+export const sentenceCase = (string: string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};