Frontend: CI/CD Catalog UI text update and minor UI fix

What does this MR do and why?

Related to #431587 (closed)

1. Updating the UI text to the latest one - that got reviewed by the Technical Writing team.

• Updated UI text: Discover CI/CD components that can improve your pipeline with additional functionality.

2. Adjust the margin in the title section for better consistency

• 20px -> 12px

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before	After

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

1. Enable the FF global_ci_catalog
2. Create a few projects that you will be able to convert to Ci resources. Create them under the admin namespace for ease of testing.
3. Once you have done so, get the ID of the first new project you wanted to convert. Then in the Rails console, run:

projects = Project.where("id > ?", your_first_project_id -1)
projects.each do |project|
  project.update!(description: 'description')  
  ::Ci::Catalog::Resource.new(project_id: project.id).save   
end  

1. Make a release (https://docs.gitlab.com/ee/ci/components/#release-a-component) OR Make a release via Release UI
2. Navigate to Explore -> CI/CD Catalog
3. Check the UI text below the title of the page and the gap between the breadcrumb and the title text

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.