text: Title: Marketplace - agent page - categories chips, please fix padding
  Body: 
  
  ### Describe your issue.
  
  <img width="597" alt="Screenshot 2024-12-17 at 17 14 13" src="https://github.com/user-attachments/assets/68200f48-9e61-435a-a548-241e995ab4b7" />
  
  Use the typography style "p-ui" from the typography guideline: https://www.figma.com/design/Ll8EOTAVIlNlbfOCqa1fG9/Agent-Store-V2?node-id=2759-9596&t=2JI1c3X9fIXeTTbE-1
  
  **Update font to the following:** 
  font-family: Geist;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  
  **Update padding to the following:**
  top and bottom padding: 10px
  left and right padding: 16px
  
  **Change outline color of chip to the following:** 
  border: 1px solid var(--neutral-600, #525252)
  
  
  