Create guides landing page

[nick-mon1]

Summary

Adds the landing page for the guides section.

Screenshot

Preview

Link to Preview

Solution

• adds a landing page for all top level guides (does not display HCD sub-guides)
• adds dg-guides and dg-guides-card component classes for displaying each guide
• adds front matter field guide_weight to each guide to display ASC order (lowest to highest)

How To Test

1. Visit /guides
2. Should see guides listed in card list
3. Click on each card title (h2) will link to the guide

---

Content

@bonnieAcameron Here are some outstanding content related items:

• update the guide_weight to change order, 1 will display first
• update title to remove "Guide to..."
• update summary for each guide?

---

Dev Checklist

• PR has correct labels
• A11y testing (voice over testing, meets WCAG, run axe tools)
• Code is formatted properly

[github-actions]

🔍 Preview in Federalist

[clmedders]

@nick-mon1 overall looks good... the cards do seem a bit big i wonder if reducing the size is helpful? im happy to talk it through it but also is a personal thing and dont think it should hold up the work.

[mejiaj]

Pages look good. I didn't find any a11y issues when running AXE extension.

Posted some comments/questions below.

[bonnieAcameron]

I noticed that all of the words in the guide cards begin with capital letters. I tried to find where/why this is happening, since the guides themselves aren't formatted this way. The red slashed letters should be lowercase:

[nick-mon1]

@bonnieAcameron I've updated the casing for the guide titles in the original markdown files which means that each of the guide landing pages will now reflect the above changes.

[bonnieAcameron]

Can we also adjust the padding on the dg-guides.usa.section to .5rem padding on the top? The space there is a little large.

[sarah-sch]

@bonnieAcameron I've updated the casing for the guide titles in the original markdown files which means that each of the guide landing pages will now reflect the above changes.

@bonnieAcameron should "human-centered design" also be lowercase in the title for that guide? I would also recommend: "Accessibility for teams"

Also, just a personal peference, but i would recommend replacing the second "to" with "and in the "Understanding robotic process automation" blurb:
Configure bots to execute repetitive tasks and save users from performing mundane tasks repeatedly for the same process.

cc @nick-mon1

[sarah-sch]

I have a capitalization question that we should run by @bonnieAcameron : Should "human-centered design" also be lowercase in the title for that guide? I would also recommend: "Accessibility for teams"

Also, just a personal peference, but i would recommend replacing the second "to" with "and in the "Understanding robotic process automation" blurb:
Configure bots to execute repetitive tasks and save users from performing mundane tasks repeatedly for the same process.

cc @bonnieAcameron

[sarah-sch]

Committed a few small text changes for capitalization and to polish intro blurbs.

[sarah-sch]

"Human-Centered Design" should remain lowercase: "human-centered design"