chore: 更新VSCode配置和重构生成文件结构

- 添加推荐的VSCode扩展配置。
- 修改生成文件路径，将GraphQL生成目录从'./graphql/__generated__/'更改为'./generated/graphql/'。
- 重命名文件 fragment-masking.ts。
- 重命名生成的GraphQL文档文件并移除不必要的查询定义。
- 重命名文件并移除无用的查询类型定义。
- 重命名生成的GraphQL索引文件。
- 修正导入路径以反映新的 GraphQL 生成文件位置。

generated/graphql/gql.ts

@@ -0,0 +1,46 @@
+/* eslint-disable */
+import * as types from './graphql';
+import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+
+/**
+ * Map of all GraphQL operations in the project.
+ *
+ * This map has several performance disadvantages:
+ * 1. It is not tree-shakeable, so it will include all operations in the project.
+ * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.
+ * 3. It does not support dead code elimination, so it will add unused operations.
+ *
+ * Therefore it is highly recommended to use the babel or swc plugin for production.
+ * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
+ */
+type Documents = {
+    "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n": typeof types.GetUserProjectsDocument,
+};
+const documents: Documents = {
+    "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n": types.GetUserProjectsDocument,
+};
+
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ *
+ *
+ * @example
+ * ```ts
+ * const query = gql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
+ * ```
+ *
+ * The query argument is unknown!
+ * Please regenerate the types.
+ */
+export function gql(source: string): unknown;
+
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n"): (typeof documents)["\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n"];
+
+export function gql(source: string) {
+  return (documents as any)[source] ?? {};
+}
+
+export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;