fix: use relative imports for static image components in docs

Author: Gaic4o

src/content/docs/docs/branding.mdx

@@ -4,7 +4,7 @@ title: Branding Guidelines
 
 import { Aside } from '@astrojs/starlight/components';
 
-import StaticImageDownload from '@/shared/ui/static-image/StaticImageDownload.astro';
+import StaticImageDownload from '../../../shared/ui/static-image/StaticImageDownload.astro';
 
 FSD's visual identity is based on its core-concepts: `Layered`, `Sliced self-contained parts`, `Parts & Compose`, `Segmented`.
 But also we tend to design simple, pretty identity, which should convey the FSD philisophy and be easy to recognize.

src/content/docs/docs/get-started/overview.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree, LinkCard, Aside } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/StaticImage.astro';
 
 **Feature-Sliced Design** (FSD) is an architectural methodology for scaffolding front-end applications. Simply put, it's a compilation of rules and conventions on organizing code. The main purpose of this methodology is to make the project more understandable and stable in the face of ever-changing business requirements.
 

src/content/docs/docs/reference/layers.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { Aside } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/StaticImage.astro';
 
 Layers are the first level of organisational hierarchy in Feature-Sliced Design. Their purpose is to separate code based on how much responsibility it needs and how many other modules in the app it depends on. Every layer carries special semantic meaning to help you determine how much responsibility you should allocate to your code.
 

src/content/docs/docs/reference/public-api.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree, Aside } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/StaticImage.astro';
 
 A public API is a _contract_ between a group of modules, like a slice, and the code that uses it. It also acts as a gate, only allowing access to certain objects, and only through that public API.
 

src/content/docs/docs/reference/slices-segments.mdx

@@ -4,7 +4,7 @@ sidebar:
   order: 2
 ---
 
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../shared/ui/static-image/StaticImage.astro';
 
 ## Slices
 

src/content/docs/ja/docs/branding.mdx

@@ -4,7 +4,7 @@ title: ブランドガイドライン
 
 import { Aside } from '@astrojs/starlight/components';
 
-import StaticImageDownload from '@/shared/ui/static-image/StaticImageDownload.astro';
+import StaticImageDownload from '../../../../shared/ui/static-image/StaticImageDownload.astro';
 
 FSDのビジュアルアイデンティティは、そのコアコンセプトである `Layered`、`Sliced self-contained parts`、`Parts & Compose`、`Segmented` に基づいています。しかし、私たちはFSDの哲学を反映し、簡単に認識できる美しいアイデンティティを目指しています。
 

src/content/docs/ja/docs/reference/layers.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { Aside } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/StaticImage.astro';
 
 レイヤーは、Feature-Sliced Designにおける組織階層の最初のレベルです。その目的は、コードを責任の程度やアプリ内の他のモジュールへの依存度に基づいて分離することです。各レイヤーは、コードにどれだけの責任を割り当てるべきかを判断するための特別な意味を持っています。
 

src/content/docs/ja/docs/reference/public-api.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { FileTree } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/StaticImage.astro';
 
 公開APIは、モジュールのグループ（スライスなど）とそれを使用するコードとの間の**契約**です。また、特定のオブジェクトへのアクセスを制限し、その公開APIを通じてのみアクセスを許可します。
 

src/content/docs/ja/docs/reference/slices-segments.mdx

@@ -4,7 +4,7 @@ sidebar:
   order: 2
 ---
 
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/StaticImage.astro';
 
 ## スライス
 

src/content/docs/kr/docs/reference/layers.mdx

@@ -5,7 +5,7 @@ sidebar:
 ---
 
 import { Aside } from '@astrojs/starlight/components';
-import StaticImage from '@/shared/ui/static-image/StaticImage.astro';
+import StaticImage from '../../../../../shared/ui/static-image/StaticImage.astro';
 
 Layer는 Feature-Sliced Design에서 코드를 나눌 때 사용하는 **가장 큰 구분 단위**입니다.
 코드를 나눌 때는 각 부분이 **어떤 역할을 맡는지**, 그리고 **다른 코드에 얼마나 의존하는지**를 기준으로 합니다.