Merge pull request #35 from codervisor/copilot/fix-4cdd9c84-f5b3-4cb9-8f91-5f1a72fb8148

Refactor packages/web file naming to kebab-case convention

Author: tikazyq

packages/web/app/projects/[name]/devlogs/[id]/page.tsx

@@ -1,4 +1,4 @@
-import { ProjectDevlogDetailsPage } from './ProjectDevlogDetailsPage';
+import { ProjectDevlogDetailsPage } from './project-devlog-details-page';
 
 export default function ProjectDevlogPage() {
   return <ProjectDevlogDetailsPage />;

…evlogs/[id]/ProjectDevlogDetailsPage.tsx …ogs/[id]/project-devlog-details-page.tsxpackages/web/app/projects/[name]/devlogs/[id]/ProjectDevlogDetailsPage.tsx renamed to packages/web/app/projects/[name]/devlogs/[id]/project-devlog-details-page.tsx packages/web/app/projects/[name]/devlogs/[id]/ProjectDevlogDetailsPage.tsx renamed to packages/web/app/projects/[name]/devlogs/[id]/project-devlog-details-page.tsx

@@ -1,16 +1,16 @@
 'use client';
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Button, Popover, PopoverContent, PopoverTrigger } from '@/components';
+import { Button, Popover, PopoverContent, PopoverTrigger } from '@/components/ui';
 import { useDevlogStore, useProjectStore } from '@/stores';
 import { useDevlogEvents, useNoteEvents } from '@/hooks/use-realtime';
 import { useRouter } from 'next/navigation';
 import { ArrowLeftIcon, SaveIcon, TrashIcon, UndoIcon } from 'lucide-react';
 import { toast } from 'sonner';
 import { DevlogEntry } from '@codervisor/devlog-core';
-import { useProjectName } from '@/components/provider/ProjectProvider';
+import { useProjectName } from '@/components/provider/project-provider';
 import { useDevlogId } from '@/components/provider/devlog-provider';
-import { DevlogDetails } from '@/components/feature/devlog/DevlogDetails';
+import { DevlogDetails } from '@/components/feature/devlog/devlog-details';
 
 export function ProjectDevlogDetailsPage() {
   const projectName = useProjectName();

packages/web/app/projects/[name]/devlogs/page.tsx

@@ -1,4 +1,4 @@
-import { ProjectDevlogListPage } from './ProjectDevlogListPage';
+import { ProjectDevlogListPage } from './project-devlog-list-page';
 
 export default function ProjectDevlogsPage() {
   return <ProjectDevlogListPage />;

…[name]/devlogs/ProjectDevlogListPage.tsx …me]/devlogs/project-devlog-list-page.tsxpackages/web/app/projects/[name]/devlogs/ProjectDevlogListPage.tsx renamed to packages/web/app/projects/[name]/devlogs/project-devlog-list-page.tsx packages/web/app/projects/[name]/devlogs/ProjectDevlogListPage.tsx renamed to packages/web/app/projects/[name]/devlogs/project-devlog-list-page.tsx

@@ -5,8 +5,8 @@ import { useDevlogStore, useProjectStore } from '@/stores';
 import { useDevlogEvents } from '@/hooks/use-realtime';
 import { DevlogEntry, DevlogId } from '@codervisor/devlog-core';
 import { useRouter } from 'next/navigation';
-import { useProjectName } from '@/components/provider/ProjectProvider';
-import { DevlogList } from '@/components/feature/devlog/DevlogList';
+import { useProjectName } from '@/components/provider/project-provider';
+import { DevlogList } from '@/components/feature/devlog/devlog-list';
 
 export function ProjectDevlogListPage() {
   const projectName = useProjectName();

packages/web/app/projects/[name]/layout.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ProjectService } from '@codervisor/devlog-core/server';
 import { generateSlugFromName } from '@codervisor/devlog-core';
-import { ProjectNotFound } from '@/components/custom/project/ProjectNotFound';
+import { ProjectNotFound } from '@/components/custom/project/project-not-found';
 import { redirect } from 'next/navigation';
-import { ProjectProvider } from '@/components/provider/ProjectProvider';
+import { ProjectProvider } from '@/components/provider/project-provider';
 
 interface ProjectLayoutProps {
   children: React.ReactNode;

packages/web/app/projects/[name]/page.tsx

@@ -1,4 +1,4 @@
-import { ProjectDetailsPage } from './ProjectDetailsPage';
+import { ProjectDetailsPage } from './project-details-page';
 
 export default function ProjectPage() {
   return <ProjectDetailsPage />;

…p/projects/[name]/ProjectDetailsPage.tsx …projects/[name]/project-details-page.tsxpackages/web/app/projects/[name]/ProjectDetailsPage.tsx renamed to packages/web/app/projects/[name]/project-details-page.tsx packages/web/app/projects/[name]/ProjectDetailsPage.tsx renamed to packages/web/app/projects/[name]/project-details-page.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import React, { useEffect } from 'react';
-import { Dashboard } from '@/components';
+import { Dashboard } from '@/components/feature/dashboard/dashboard';
 import { useDevlogStore, useProjectStore } from '@/stores';
 import { useDevlogEvents } from '@/hooks/use-realtime';
 import { DevlogEntry } from '@codervisor/devlog-core';
 import { useRouter } from 'next/navigation';
-import { useProjectName } from '@/components/provider/ProjectProvider';
+import { useProjectName } from '@/components/provider/project-provider';
 
 export function ProjectDetailsPage() {
   const projectName = useProjectName();

packages/web/app/projects/[name]/settings/page.tsx

@@ -1,4 +1,4 @@
-import { ProjectSettingsPage } from './ProjectSettingsPage';
+import { ProjectSettingsPage } from './project-settings-page';
 
 // Disable static generation for this page since it uses client-side feature
 export const dynamic = 'force-dynamic';

…/[name]/settings/ProjectSettingsPage.tsx …name]/settings/project-settings-page.tsxpackages/web/app/projects/[name]/settings/ProjectSettingsPage.tsx renamed to packages/web/app/projects/[name]/settings/project-settings-page.tsx packages/web/app/projects/[name]/settings/ProjectSettingsPage.tsx renamed to packages/web/app/projects/[name]/settings/project-settings-page.tsx

@@ -25,7 +25,7 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { LoaderIcon, SaveIcon, TrashIcon, AlertTriangleIcon } from 'lucide-react';
 import { toast } from 'sonner';
 import { Project } from '@codervisor/devlog-core';
-import { useProjectName } from '@/components/provider/ProjectProvider';
+import { useProjectName } from '@/components/provider/project-provider';
 
 interface ProjectFormData {
   name: string;

packages/web/app/projects/page.tsx

@@ -1,4 +1,4 @@
-import { ProjectListPage } from './ProjectListPage';
+import { ProjectListPage } from './project-list-page';
 
 export const dynamic = 'force-dynamic';