feat: add Status and RagChat pages with corresponding components and styles

- Created StatusPage component with system stats, configuration, and indexed documents overview.
- Added RagChatPage component for chat functionality.
- Introduced global CSS styles for light and dark themes, including utility classes and animations.
- Defined TypeScript types for compliance, documents, and themes.
- Configured Tailwind CSS for dynamic theming and custom animations.
- Set up TypeScript configuration for app and node environments.
- Initialized Vite configuration for React project.

src/components/common/TPattern.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useTheme } from '../../contexts/ThemeContext';
+
+export const TPattern: React.FC = () => {
+  const { theme, isDark } = useTheme();
+  const patternOpacity = isDark ? 0.03 : 0.04;
+
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        width: 300,
+        height: 300,
+        opacity: patternOpacity,
+        pointerEvents: 'none',
+      }}
+    >
+      <svg width="300" height="300" viewBox="0 0 300 300">
+        <defs>
+          <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse">
+            <path d="M 30 0 L 0 0 0 30" fill="none" stroke={theme.accent} strokeWidth="1"/>
+          </pattern>
+        </defs>
+        <rect width="300" height="300" fill="url(#grid)"/>
+      </svg>
+    </div>
+  );
+};