text: Title: Marketplace - Change the buttons so that they have the same color as the arrows
  Body: 
  ### Describe your issue.
  
  For the arrow on the left, when a user first opens the page the default state is the left button should be disabled (grey colored) and the right button should be enabled. Basically if there's no more cards on the left side for the user to navigate to, the button should be disabled. 
  
  <img width="1387" alt="Screenshot 2024-12-13 at 17 10 22" src="https://github.com/user-attachments/assets/eba087f5-8ab4-447e-8993-4d2e1534bf6a" />
  
  Please check out this video to see how the buttons should interact. Can we do the same exact behaviors for our buttons?
  The same hover states, diabled states, default state and click state as these buttons? 
  
  https://github.com/user-attachments/assets/bdfd141c-54ac-46aa-a30b-81fa774e68d0
  
  
  