Add hardware intro and resources overview pages

[reniejoshi]

Description

Add hardware intro page that briefly covers motors, encoders, and gyroscopes for programmers, including code snippets showing common use cases. This serves to introduce programmers to basic hardware components that they will encounter in writing FRC robot code. Closes #23.

Add overview page for resources navigation with styles and visual components similar to FRCDesign.org.

Meta

Merge checklist:

• Pull Request title is short, imperative summary of proposed changes
• The description documents the what and why, including events that led to this PR
• Pull Request has been linted and formatted and follows the styleguide

[github-actions]

🌐 Preview URL: https://pr-104.frcsoftware.pages.dev

[Spaceman113138]

I would make a distinction between absolute and relative encoders.

[roboteer5291]

I like what you've written, but I think some reconsideration on the purpose of this section would be good. It feels like a weird mix between resources, best practices, and teaching. I think we'd be best served to keep this section as much of resources as possible, since best practices and teaching already have a home within the learning course (and best practices may get their own section, tbd).

I also think that it'd be wise to include the distinction of encoder types from a software functionality perspective as mentioned, and to also include mention of beam breaks/retroreflective sensors and distance sensors (noting that those are most commonly used as a beam break-esque sensor).