feat: add initial TypeScript and ESLint configurations for library and React applications

- Created TypeScript configuration files for library and React applications.
- Added ESLint configurations for library, React, and Storybook.
- Implemented a basic Button component in the UI package.
- Set up Vite for the docs development environment.

packages/ui/.eslintrc.cjs

@@ -2,7 +2,7 @@
 module.exports = {
   root: true,
   ignorePatterns: ['.eslintrc.cjs'],
-  extends: ['@repo/eslint-config/index.js'],
+  extends: ['@repo/eslint-config/react.js'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     project: true,

packages/ui/src/components/button.tsx

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+}
+
+export function Button({ children, ...other }: ButtonProps): ReactNode {
+  return (
+    <button type="button" {...other}>
+      {children}
+    </button>
+  );
+}
+
+Button.displayName = 'Button';

packages/ui/src/components/index.ts

@@ -2,3 +2,4 @@ export * from './header';
 export * from './counter';
 export * from './date-example';
 export * from './encryption-demo';
+export * from './button';