[imp]: padding/alignment in Quickstarts recommendation page

[Raj-G07]

What has changed?

• This PR generates the page content should be properly aligned with consistent padding so it looks neat and user-friendly.

• This PR Resolves [fix]: padding/alignment issue in Quickstarts recommendation page (docs website) keploy#2983

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to not work as expected).
• Documentation update (if none of the other choices apply).

How Has This Been Tested?

1.npm run build

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[Raj-G07]

@Achanandhi-M Take a look on this!

[Achanandhi-M]

Hey @Raj-G07 the quick start recommendation is really good, but one changes is in the AI suggested samples section, the card is not properly styled it is vertically aligned, the AI suggested samples needs to looks like the same design what we currently have

[Raj-G07]

@Achanandhi-M Can you help me to Steps to Reproduce ?

[Achanandhi-M]

Hey @Raj-G07, for reference please check keploy.io/docs. Go to the Quickstart page, then inside Integration Testing select the option to view the current changes. The card design should match the same style—please update this as well.

[Raj-G07]

@Achanandhi-M Now, it's fine !

[Achanandhi-M]

Hey @Raj-G07 i have tested the changes locally, still the same issue, the AI generated sample card needs to be in the same design but currently in your changes it is overriding

Have a look:

[Raj-G07]

@Achanandhi-M
What i see from my side, is looking good ...

- - Is there anything , missing here ?