Swerve Display Component

[CrispyBacon1999]

Description

Add a component that shows swerve module states, similar to the one that's currently in AdvantageScope.

Context

The motivation behind introducing this new component is to provide quick and easy debugging of the angle that the robot sees the modules at. This is extremely helpful for seeing if the robot is actually behaving properly.

Proposed Solution

I propose creating a new React component called SwerveModules that will represent the chassis of the robot. On each corner, there will be a swerve module that has 2 arrows coming out of it. One of these arrows should represent the current angle of the module, with the length representing the velocity. The other should represent the target angle of the module.

Acceptance Criteria

To consider this issue resolved, the new [ComponentName] component should meet the following acceptance criteria:

• Component created as an svg
• Target angle (optional)
• Current angle (optional)
• Robot rotation (optional, default 0)
• Arrow or other element that represents which direction the robot is facing