PR for Issue #751: Input Fields component

[revforyou]

Issue #751 hackforla/internship#751

What changes did you make?

• Added the Input Fields component page with all states and classes
• Created SCSS file (_input-fields.scss) with shared styles + variants
• Updated input-fields.md with previews, snippets, and Figma link
• Updated mkdocs.yml to include the new component
• Added variables to _variables.scss for consistent colors, spacing, and borders
• Updated extra.css for navigation, Figma link alignment, and copy button support

Why did you make the changes (we will use this info to test)?

• Available on http://0.0.0.0:8000/internship-website-design-system/input-fields/ , once docker-compose-up to serve model.
• To complete the Input Fields component for the Design System
• To ensure consistency between Figma designs and the code implementation
• The purpose of this Issue was to provide developers with ready-to-use examples, code snippets, and documentation

Screenshots of Proposed Changes To The Website (if any, please do not include screenshots of code changes)

Visuals before changes are applied

Before Changes

Visuals after changes are applied

After Changes