fix template, remove okr, use casan.*

packages/casan-devkit/templates/project-shell/nestjs-react/apps/project/frontend/src/App.tsx

@@ -0,0 +1,11 @@
+export function App() {
+  return (
+    <main className="min-h-screen bg-gray-50 p-6 text-gray-800">
+      <section className="mx-auto max-w-4xl rounded-xl border border-gray-200 bg-white p-6 shadow-sm">
+        <p className="text-sm font-medium text-blue-600">CASAN-governed project</p>
+        <h1 className="mt-2 text-2xl font-semibold">__PROJECT_NAME__</h1>
+        <p className="mt-3 text-gray-500">The production shell is ready. Implement product screens from the approved requirement and architecture.</p>
+      </section>
+    </main>
+  );
+}

packages/casan-devkit/templates/project-shell/nestjs-react/apps/project/frontend/src/__tests__/App.test.tsx

@@ -0,0 +1,10 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { App } from '../App';
+
+describe('App', () => {
+  it('renders the project identity', () => {
+    render(<App />);
+    expect(screen.getByRole('heading', { name: '__PROJECT_NAME__' })).toBeInTheDocument();
+  });
+});

packages/casan-devkit/templates/project-shell/nestjs-react/apps/project/frontend/src/__tests__/setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

packages/casan-devkit/templates/project-shell/nestjs-react/apps/project/frontend/src/index.css

@@ -0,0 +1,5 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body { margin: 0; min-width: 320px; min-height: 100vh; }

packages/casan-devkit/templates/project-shell/nestjs-react/apps/project/frontend/src/main.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { App } from './App';
+import './index.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<React.StrictMode><App /></React.StrictMode>);