chore: update project dependencies and configuration

- Migrated ESLint configuration from Next.js to SolidJS
- Removed React-specific ESLint plugins
- Updated Turbo configuration with global dependencies
- Simplified Prisma scripts in API package
- Added shared ESLint and TypeScript configs to web and API packages
- Cleaned up unnecessary dependencies and configurations

packages/ui/src/button.tsx

@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import { ReactNode } from "react";
+import { JSX } from 'solid-js/jsx-runtime';
 
 interface ButtonProps {
-  children: ReactNode;
+  children: JSX.Element;
   className?: string;
   appName: string;
 }
@@ -11,7 +11,7 @@ interface ButtonProps {
 export const Button = ({ children, className, appName }: ButtonProps) => {
   return (
     <button
-      className={className}
+      class={className}
       onClick={() => alert(`Hello from your ${appName} app!`)}
     >
       {children}

packages/ui/src/card.tsx

@@ -1,4 +1,4 @@
-import { type JSX } from "react";
+import { type JSX } from 'solid-js/jsx-runtime';
 
 export function Card({
   className,
@@ -8,15 +8,15 @@ export function Card({
 }: {
   className?: string;
   title: string;
-  children: React.ReactNode;
+  children: JSX.Element;
   href: string;
 }): JSX.Element {
   return (
     <a
-      className={className}
+      class={className}
       href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`}
-      rel="noopener noreferrer"
-      target="_blank"
+      rel='noopener noreferrer'
+      target='_blank'
     >
       <h2>
         {title} <span>-&gt;</span>

packages/ui/src/code.tsx

@@ -1,11 +1,11 @@
-import { type JSX } from "react";
+import { type JSX } from 'solid-js/jsx-runtime';
 
 export function Code({
   children,
   className,
 }: {
-  children: React.ReactNode;
+  children: JSX.Element;
   className?: string;
 }): JSX.Element {
-  return <code className={className}>{children}</code>;
+  return <code class={className}>{children}</code>;
 }

packages/ui/tsconfig.json

@@ -3,6 +3,5 @@
   "compilerOptions": {
     "outDir": "dist"
   },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
+  "include": ["src"]
 }

packages/ui/turbo/generators/config.ts

@@ -1,27 +1,27 @@
-import type { PlopTypes } from "@turbo/gen";
+import type { PlopTypes } from '@turbo/gen';
 
 // Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
 
 export default function generator(plop: PlopTypes.NodePlopAPI): void {
   // A simple generator to add a new React component to the internal UI library
-  plop.setGenerator("react-component", {
-    description: "Adds a new react component",
+  plop.setGenerator('solid-component', {
+    description: 'Adds a new solid component',
     prompts: [
       {
-        type: "input",
-        name: "name",
-        message: "What is the name of the component?",
+        type: 'input',
+        name: 'name',
+        message: 'What is the name of the component?',
       },
     ],
     actions: [
       {
-        type: "add",
-        path: "src/{{kebabCase name}}.tsx",
-        templateFile: "templates/component.hbs",
+        type: 'add',
+        path: 'src/{{kebabCase name}}.tsx',
+        templateFile: 'templates/component.hbs',
       },
       {
-        type: "append",
-        path: "package.json",
+        type: 'append',
+        path: 'package.json',
         pattern: /"exports": {(?<insertion>)/g,
         template: '    "./{{kebabCase name}}": "./src/{{kebabCase name}}.tsx",',
       },

packages/ui/turbo/generators/templates/component.hbs

@@ -1,4 +1,4 @@
-export const {{ pascalCase name }} = ({ children }: { children: React.ReactNode }) => {
+export const {{ pascalCase name }} = ({ children }: { children: JSX.Element }) => {
   return (
     <div>
       <h1>{{ pascalCase name }} Component</h1>