fix(mp): 修复组件库运行时错误 — React 未导入 + SCSS 路径

- 所有原子/组合组件添加 import React from 'react'（修复 React is not defined）
- 修复 SCSS import 路径：components/ui 和 patterns 需要 ../../../ 而非 ../../
- 修复 action-inbox 页面 SCSS import 层级

apps/miniprogram/src/components/patterns/PageHeader/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .page-header {
   display: flex;

apps/miniprogram/src/components/patterns/PageHeader/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { ReactNode } from 'react';

apps/miniprogram/src/components/patterns/PaginationBar/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .pagination-bar {
   display: flex;

apps/miniprogram/src/components/patterns/PaginationBar/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import './index.scss';
 

apps/miniprogram/src/components/patterns/SearchSection/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .search-section {
   margin-bottom: var(--tk-gap-md);

apps/miniprogram/src/components/patterns/SearchSection/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Input, Text } from '@tarojs/components';
 import SegmentTabs from '../../SegmentTabs';
 import './index.scss';

apps/miniprogram/src/components/ui/ContentCard/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .content-card {
   background: var(--tk-card-bg);

apps/miniprogram/src/components/ui/ContentCard/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View } from '@tarojs/components';
 import { CSSProperties, ReactNode, useMemo } from 'react';
 import './index.scss';

apps/miniprogram/src/components/ui/LoadingCard/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 @keyframes skeleton-pulse {
   0% { opacity: 1; }

apps/miniprogram/src/components/ui/LoadingCard/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View } from '@tarojs/components';
 import './index.scss';
 

apps/miniprogram/src/components/ui/PageShell/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .page-shell {
   min-height: 100vh;

apps/miniprogram/src/components/ui/PageShell/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, ScrollView } from '@tarojs/components';
 import { ReactNode, useMemo } from 'react';
 import './index.scss';

apps/miniprogram/src/components/ui/SectionTitle/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .section-title {
   display: flex;

apps/miniprogram/src/components/ui/SectionTitle/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import { ReactNode } from 'react';
 import './index.scss';

apps/miniprogram/src/components/ui/StatusTag/index.scss

@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables.scss';
 
 .status-tag {
   display: inline-flex;

apps/miniprogram/src/components/ui/StatusTag/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import { CSSProperties, ReactNode, useMemo } from 'react';
 import './index.scss';