refactor: 创建文件树组件，更新文档

[Ziphyrien]

以下九个文件中的文件树已更新为新组件：

• first.md
• configuration.md
• fix.md
• client-distribution.md
• what-is-datapack.md
• server-dir-structure.md (purpur)
• server-dir-structure.md (bds)
• server-file-structure.md
• levilamina-plugins.md

[Ziphyrien]

[Ziphyrien]

[Copilot]

Pull request overview

This PR introduces a new reusable FileTree component to replace hardcoded file tree representations across the documentation. The component provides an interactive, collapsible file tree visualization with support for comments, descriptions, and custom icons.

Key Changes:

• Created a new FileTree React component with TypeScript support that parses indented text into an interactive tree structure
• Added CSS module styling with dark mode support for the tree component
• Migrated 9 documentation files from plain text file trees to the new component

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
src/components/FileTree/index.tsx	New FileTree component with parsing logic, collapsible nodes, and description support
src/components/FileTree/styles.module.css	Styling for the file tree with dark mode support and interactive states
docs/advance/viaproxy/configuration.md	Updated to use FileTree component
docs/advance/management/player-management/client-distribution.md	Updated to use FileTree component
docs-java/start/basic/what-is-datapack.md	Updated to use FileTree component with extensive nested structure
docs-java/start/basic/server-dir-structure.md	Updated to use FileTree component with descriptions object for detailed file information
docs-java/process/plugin/more/plugin-build/first.md	Updated Maven and Gradle project structures to use FileTree component
docs-java/process/mobile-player/geyser/upgrade/extended/fix.md	Updated to use FileTree component
docs-bedrock/nukkit/start/basic/server-file-structure.md	Updated to use FileTree component
docs-bedrock/bds/start/basic/server-dir-structure.md	Updated to use FileTree component
docs-bedrock/bds/process/levilamina/levilamina-plugins.md	Updated to use FileTree component

Comments suppressed due to low confidence (2)

src/components/FileTree/index.tsx:9

• Unused import FolderOpenOutlined.

import {
  FolderOpenOutlined,
  FolderOutlined,
  FileOutlined,
  FileTextOutlined,
  InfoCircleOutlined,
} from "@ant-design/icons";

src/components/FileTree/index.tsx:175

• Unused variable selectedNode.

  const [selectedNode, setSelectedNode] = useState<FileNode | null>(null);

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated 4 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated 3 comments.

Comments suppressed due to low confidence (1)

src/components/FileTree/index.tsx:1

• In line 89 of first.md, messages is marked as a folder (should end with /), but in line 118 it's also marked as a folder without the / suffix. This inconsistency in the documentation examples could confuse users about whether messages is a file or folder. Ensure consistent use of trailing slashes for folders in all examples.

import React, { useState, useMemo, useCallback } from "react";

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.