Fix tests

Author: kasya

frontend/__tests__/unit/pages/About.test.tsx

@@ -197,7 +197,6 @@ describe('About Component', () => {
       expect(screen.queryByText('Contributor 10')).not.toBeInTheDocument()
     })
 
-
     const showMoreButton = screen.getByRole('button', { name: /Show more/i })
     fireEvent.click(showMoreButton)
 

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

@@ -103,17 +103,15 @@ describe('ProjectDetailsPage', () => {
       expect(screen.queryByText('Contributor 10')).not.toBeInTheDocument()
     })
 
-    const contributorsSection = screen.getByTestId('top-contributors')
-
-    const showMoreButton = within(contributorsSection!).getByRole('button', { name: /Show more/i })
+    const showMoreButton = screen.getByRole('button', { name: /Show more/i })
     fireEvent.click(showMoreButton)
 
     await waitFor(() => {
       expect(screen.getByText('Contributor 7')).toBeInTheDocument()
       expect(screen.getByText('Contributor 8')).toBeInTheDocument()
     })
 
-    const showLessButton = within(contributorsSection!).getByRole('button', { name: /Show less/i })
+    const showLessButton = screen.getByRole('button', { name: /Show less/i })
     fireEvent.click(showLessButton)
 
     await waitFor(() => {

frontend/__tests__/unit/pages/RepositoryDetails.test.tsx

@@ -1,6 +1,6 @@
 import { useQuery } from '@apollo/client'
 import { addToast } from '@heroui/toast'
-import { act, fireEvent, screen, waitFor, within } from '@testing-library/react'
+import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { mockRepositoryData } from '@unit/data/mockRepositoryData'
 import { render } from 'wrappers/testUtil'
 import RepositoryDetailsPage from 'app/organizations/[organizationKey]/repositories/[repositoryKey]/page'
@@ -105,17 +105,15 @@ describe('RepositoryDetailsPage', () => {
       expect(screen.queryByText('Contributor 10')).not.toBeInTheDocument()
     })
 
-    const contributorsSection = screen.getByTestId('top-contributors')
-
-    const showMoreButton = within(contributorsSection!).getByRole('button', { name: /Show more/i })
+    const showMoreButton = screen.getByRole('button', { name: /Show more/i })
     fireEvent.click(showMoreButton)
 
     await waitFor(() => {
       expect(screen.getByText('Contributor 7')).toBeInTheDocument()
       expect(screen.getByText('Contributor 8')).toBeInTheDocument()
     })
 
-    const showLessButton = within(contributorsSection!).getByRole('button', { name: /Show less/i })
+    const showLessButton = screen.getByRole('button', { name: /Show less/i })
     fireEvent.click(showLessButton)
 
     await waitFor(() => {

frontend/src/components/AnchorTitle.tsx

@@ -47,7 +47,7 @@ const AnchorTitle: React.FC<AnchorTitleProps> = ({ href, title }) => {
 
   return (
     <div id={id} className="relative">
-      <div className="items-center group relative flex">
+      <div className="group relative flex items-center">
         <h2 className="flex items-center text-2xl font-semibold">{title}</h2>
         <a
           href={href}

frontend/src/components/TopContributors.tsx

@@ -49,10 +49,7 @@ const TopContributors = ({
     >
       <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-3">
         {displayContributors.map((item, index) => (
-          <div
-            key={index}
-            className="overflow-hidden rounded-lg bg-gray-200 p-4 dark:bg-gray-700"
-          >
+          <div key={index} className="overflow-hidden rounded-lg bg-gray-200 p-4 dark:bg-gray-700">
             <div className="flex w-full flex-col justify-between">
               <div className="flex w-full items-center gap-2">
                 <Image
@@ -74,8 +71,7 @@ const TopContributors = ({
                   {isContributor ? (
                     <span className="overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 dark:text-gray-400">
                       {' '}
-                      {item.contributionsCount}{' '}
-                      {pluralize(item.contributionsCount, 'contribution')}
+                      {item.contributionsCount} {pluralize(item.contributionsCount, 'contribution')}
                     </span>
                   ) : (
                     <Link