Moved KeyboardShortcut component to src directory (#191)

Author: list-jonas

content/docs/contribute/docs/editing-with-vscode.mdx

@@ -2,7 +2,7 @@
 title: Editing with VS Code
 description: How to use Visual Studio Code to contribute to the Zen Browser documentation.
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Visual Studio Code (VS Code) is a popular and powerful code editor that works well for editing Zen Browser documentation, especially with the right extensions.
 

content/docs/faq.mdx

@@ -2,7 +2,7 @@
 title: FAQ
 icon: CircleHelp
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 import { Callout } from 'fumadocs-ui/components/callout';
 import { InlineTOC } from 'fumadocs-ui/components/inline-toc';
 

content/docs/guides/about-config-flags.mdx

@@ -1,5 +1,5 @@
 ---
-title: List of Hidden/Advanced Preferences
+title: Hidden/Advanced Preferences
 description: A list of useful flags in Zen Browser's Advanced Preferences page (about:config).
 ---
 These are a variety of settings that can change Zen's appearance, behavior, and more. To access them, go to `about:config` in Zen Browser, and search for the title of the flag. Some of these flags may require a restart to work.

content/docs/guides/live-editing.mdx

@@ -2,7 +2,7 @@
 title: Live Editing Zen Theme
 description: Learn how to live edit the appearance of Zen Browser by editing the userChrome.css file.
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 import { Callout } from 'fumadocs-ui/components/callout';
 

content/docs/user-manual/bookmarks.mdx

@@ -3,7 +3,7 @@ title: Bookmarks
 description: Managing bookmarks in Zen
 ---
 import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Zen, as a fork of Firefox, inherits its webpage bookmarking system primarily from Firefox itself, with some additional Zen enhancements. Zen offers two vertical tab layouts: **Single toolbar layout**, which integrates a compact address bar into the vertical tabs toolbar, and **Multiple toolbars layout**, featuring a traditional, full-size address bar in a separate horizontal toolbar. This guide covers the basics of creating and managing bookmarks, tailored to your chosen Zen layout.
 

content/docs/user-manual/compact-mode.mdx

@@ -2,7 +2,7 @@
 title: Compact Mode
 description: Minimalistic interface for focused browsing
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Compact Mode is one of Zen's main feature that let you hide all browser toolbars and give wider view for the website you're currently visit.
 

content/docs/user-manual/extensions.mdx

@@ -2,7 +2,7 @@
 title: Extensions
 description: Get to know how extensions work in Zen
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Extensions are a small software piece that enhance and personalize a browser by adding or modifying browser function and features. Example of commonly installed extensions includes ad blockers, easy reader mode, privacy and tracking managers, media downloaders, password managers, and tweaks for commonly used websites.
 

content/docs/user-manual/glance.mdx

@@ -2,7 +2,7 @@
 title: Glance
 description: Preview websites on top of your current tab
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Zen's Glance lets you preview websites on top of your current tab, without fully switching to it. By default, you can create a Glance view by holding <KeyboardShortcut shortcut="Alt" /> as trigger key when clicking a link in a regular tab. In Essentials and pinned tabs, Glance will be automatically created when clicking a link outside current website, without having to pressing the trigger key.
 

content/docs/user-manual/pip.mdx

@@ -2,7 +2,7 @@
 title: Picture-in-Picture
 description: Watch videos in a separate window
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 With **Picture-in-Picture (PiP)** in **Zen**, you can pop videos out of webpages into a clean, always-on-top floating window. Whether you're working, browsing, or just casually scrolling, PiP keeps your video visible without disrupting your flow.
 

content/docs/user-manual/split-view.mdx

@@ -2,7 +2,7 @@
 title: Split View
 description: Open multiple tabs side by side easily
 ---
-import KeyboardShortcut from '../../../components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Zen's Split View lets you view up to 4 tabs side by side, so you can compare information or multitask easily.
 

content/docs/user-manual/urlbar.mdx

@@ -2,7 +2,7 @@
 title: URL Bar & Search Functions
 description: Smart navigation with persistent input memory
 ---
-import KeyboardShortcut from '@components/KeyboardShortcut';
+import KeyboardShortcut from '@/components/KeyboardShortcut';
 
 Different from most browsers, Zen uses the **URL bar** as a quick and efficient way to navigate the web, eliminating the need for a dedicated new tab page. 
 

components/KeyboardShortcut.tsx renamed to src/components/KeyboardShortcut.tsx

@@ -25,9 +25,6 @@
       ],
       "@/*": [
         "./src/*"
-      ],
-      "@components/*": [
-        "./components/*"
       ]
     },
     "plugins": [