UI/ux mentorship admin (#2288)

* Improve UI/UX

* update button padding

* fix unit test cases

* fix suggestions

* Update docker-compose/local.yaml

* UI/ux mentorship program update (#2244)

* fix ui bugs

* update format

* fix test cases

* fix test cases

* update UI

* update UI

* update line clamp property

* fix test case

* Update styling

---------

Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

* fix conflicts

* update ui

* fix bugs

* updated focus ring

* format fix

* Update docker-compose/local.yaml

* UI/ux mentorship program update (#2244)

* fix ui bugs

* update format

* fix test cases

* fix test cases

* update UI

* update UI

* update line clamp property

* fix test case

* Update styling

---------

Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

* fix params and remove refresh params (#2287)

* Update docker-compose/local.yaml

* UI/ux mentorship program update (#2244)

* fix ui bugs

* update format

* fix test cases

* fix test cases

* update UI

* update UI

* update line clamp property

* fix test case

* Update styling

---------

Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

* fix params and remove refresh params

* update direct cache

* fix test cases

* better exception caching

* update logic

Update docker-compose/local.yaml

UI/ux mentorship program update (#2244)

* fix ui bugs

* update format

* fix test cases

* fix test cases

* update UI

* update UI

* update line clamp property

* fix test case

* Update styling

---------

Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

* Update apollo cache logic on updating programs and modules

* restore files

* fix test cases

* fix test cases

* update button to link

* fix type

---------

Co-authored-by: Arkadii Yakovets <arkadii.yakovets@owasp.org>
Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

* update button

---------

Co-authored-by: Arkadii Yakovets <arkadii.yakovets@owasp.org>
Co-authored-by: Kate Golovanova <kate@kgthreads.com>
Co-authored-by: Arkadii Yakovets <2201626+arkid15r@users.noreply.github.com>

Author: 3 people

frontend/__tests__/unit/components/ProgramActions.test.tsx

@@ -42,7 +42,7 @@ describe('ProgramActions', () => {
   })
 
   test('renders and toggles dropdown', () => {
-    render(<ProgramActions status="DRAFT" setStatus={setStatus} />)
+    render(<ProgramActions programKey="test-program" status="DRAFT" setStatus={setStatus} />)
     const button = screen.getByTestId('program-actions-button')
     fireEvent.click(button)
     expect(screen.getByText('Add Module')).toBeInTheDocument()
@@ -52,7 +52,7 @@ describe('ProgramActions', () => {
   })
 
   test('handles Add Module action', () => {
-    render(<ProgramActions status="DRAFT" setStatus={setStatus} />)
+    render(<ProgramActions programKey="test-program" status="DRAFT" setStatus={setStatus} />)
     const button = screen.getByTestId('program-actions-button')
     fireEvent.click(button)
     fireEvent.click(screen.getByRole('menuitem', { name: /add module/i }))
@@ -61,7 +61,7 @@ describe('ProgramActions', () => {
   })
 
   test('handles Publish action', () => {
-    render(<ProgramActions status="DRAFT" setStatus={setStatus} />)
+    render(<ProgramActions programKey="test-program" status="DRAFT" setStatus={setStatus} />)
     const button = screen.getByTestId('program-actions-button')
     fireEvent.click(button)
     fireEvent.click(screen.getByRole('menuitem', { name: /publish program/i }))
@@ -70,15 +70,15 @@ describe('ProgramActions', () => {
   })
 
   test('handles Move to Draft action', () => {
-    render(<ProgramActions status="PUBLISHED" setStatus={setStatus} />)
+    render(<ProgramActions programKey="test-program" status="PUBLISHED" setStatus={setStatus} />)
     const button = screen.getByTestId('program-actions-button')
     fireEvent.click(button)
     fireEvent.click(screen.getByRole('menuitem', { name: /move to draft/i }))
     expect(setStatus).toHaveBeenCalledWith('DRAFT')
   })
 
   test('handles Mark as Completed action', () => {
-    render(<ProgramActions status="PUBLISHED" setStatus={setStatus} />)
+    render(<ProgramActions programKey="test-program" status="PUBLISHED" setStatus={setStatus} />)
     const button = screen.getByTestId('program-actions-button')
     fireEvent.click(button)
     fireEvent.click(screen.getByRole('menuitem', { name: /mark as completed/i }))
@@ -88,7 +88,7 @@ describe('ProgramActions', () => {
   test('dropdown closes on outside click', () => {
     render(
       <div>
-        <ProgramActions status="DRAFT" setStatus={setStatus} />
+        <ProgramActions programKey="test-program" status="DRAFT" setStatus={setStatus} />
         <button data-testid="outside">Outside</button>
       </div>
     )