Fix capitalization in project details block (#866)

* Fix capitalization in project details block as per issue #846

* fix check

* add test case for capitalization issue

* fix check

* fix lint check

* update the code

* final fix check

* Update code

---------

Co-authored-by: Kate Golovanova <[email protected]>
Co-authored-by: Arkadii Yakovets <[email protected]>

Author: 3 people

frontend/__tests__/src/data/mockProjectDetailsData.ts

@@ -7,7 +7,7 @@ export const mockProjectDetailsData = {
     key: 'example-project',
     languages: ['Python', 'GraphQL', 'JavaScript'],
     leaders: ['alice', 'bob'],
-    level: 'Intermediate',
+    level: 'Lab',
     name: 'Test Project',
     repositoriesCount: 3,
     starsCount: 10,
@@ -19,7 +19,7 @@ export const mockProjectDetailsData = {
       name: `Contributor ${i + 1}`,
     })),
     topics: ['graphql', 'django', 'backend'],
-    type: 'Open Source',
+    type: 'Tool',
     updatedAt: '2025-02-07T12:34:56Z',
     url: 'https://github.com/example-project',
     recentReleases: [

frontend/__tests__/src/pages/ProjectDetails.test.tsx

@@ -65,7 +65,7 @@ describe('ProjectDetailsPage', () => {
 
     await waitFor(() => {
       expect(screen.getByText('Test Project')).toBeInTheDocument()
-      expect(screen.getByText('Intermediate')).toBeInTheDocument()
+      expect(screen.getByText('Lab')).toBeInTheDocument()
     })
     expect(screen.getByText('10 Forks')).toBeInTheDocument()
     expect(screen.getByText('10 Issues')).toBeInTheDocument()
@@ -168,6 +168,27 @@ describe('ProjectDetailsPage', () => {
     expect(setRecentIssuesMock).toHaveBeenCalledWith(undefined)
   })
 
+  test('renders project details with correct capitalization', async () => {
+    ;(useQuery as jest.Mock).mockReturnValue({
+      data: mockProjectDetailsData,
+      error: null,
+    })
+
+    render(<ProjectDetailsPage />)
+
+    await waitFor(() => {
+      const levelElement = screen.getByText(/Level:/)
+      expect(levelElement).toBeInTheDocument()
+      const levelValueElement = within(levelElement.parentElement).getByText('Lab')
+      expect(levelValueElement).toBeInTheDocument()
+
+      const typeElement = screen.getByText(/Type:/)
+      expect(typeElement).toBeInTheDocument()
+      const typeValueElement = within(typeElement.parentElement).getByText('Tool')
+      expect(typeValueElement).toBeInTheDocument()
+    })
+  })
+
   test('handles missing project stats gracefully', async () => {
     ;(useQuery as jest.Mock).mockReturnValue({
       data: {

frontend/src/pages/ProjectDetails.tsx

@@ -61,9 +61,12 @@ const ProjectDetailsPage = () => {
     )
   const projectDetails = [
     { label: 'Last Updated', value: formatDate(project.updatedAt) },
-    { label: 'Level', value: project.level[0].toUpperCase() + project.level.slice(1) },
+    {
+      label: 'Level',
+      value: project.level[0].toUpperCase() + project.level.slice(1).toLowerCase(),
+    },
     { label: 'Project Leaders', value: project.leaders.join(', ') },
-    { label: 'Type', value: project.type[0].toUpperCase() + project.type.slice(1) },
+    { label: 'Type', value: project.type[0].toUpperCase() + project.type.slice(1).toLowerCase() },
     {
       label: 'URL',
       value: (