Fix profile image's top padding in compact view (#14211)

[rnd195]

Fixes #14211 - Add top padding to the profile image on a website's about page in compact view (trestles, marquee, broadside)

Description

I modify three lines in the src/resources/projects/website/about/about.scss file, all related to the profile image's top padding in compact view.

LINE 175:

• In the trestles template, I set the top padding to 3em to match the top padding value in non-compact view from here:
  

  quarto-cli/src/resources/projects/website/about/about.scss

  Line 170 in e626825

  padding-top: 3em !important;

• I am not sure why it was previously explicitly set to 0, but found no issues changing it to 3em

LINES 227 & 264:

• In the marquee and broadside templates, I set the top padding to 14px, which comes from a default content padding value (which is used in non-compact view) from this line
  

  quarto-cli/src/resources/projects/website/navigation/quarto-nav.scss

  Line 37 in e626825

  $content-padding-top: 14px !default;

Verification

1. Create a new website project: quarto create project blog test title
2. (Optional) In _quarto.yml, change the theme from cosmo to cerulean for better visibility
3. In about.qmd, choose one of trestles, marquee, or broadside templates
4. Run quarto preview about.qmd in the created project's root directory
5. Make the browser window narrower to enter compact view (or open the website on your phone)

Checklist

I have (if applicable):

• filed a contributor agreement.
• referenced the GitHub issue this PR closes
• updated the appropriate changelog in the PR
• ensured the present test suite passes
• added new tests
• created a separate documentation PR in Quarto's website repo and linked it to this PR