Frontend cleanup

[janekamata]

ℹ️ Issue

Closes #258

📝 Description

Cleaned up the frontend a bit

1. Changed logo file name to be more generic
2. Removed some of the in-line styling and replaced with tailwind where appropriate
3. Added more colors to the tailwind config for future use
4. Removed unused css files

✔️ Verification

Checked local build

🏕️ Ways the frontend can be cleaned up

• Streamline styling based on design style guide (which also abstracts colors and fonts at the same time) with defaults

  • Remove all hex codes and replace with tailwind colors set in config file (for css replacements you can reference theme variables like this)
  • Use global font definitions and remove font specifications at lower levels (notification.css, UserDropdown.css, CalendarDropdown.css, NewGrantModal.tsx); also check for other similar settings like font-size
  • Buttons with different formats (ex. add button animation from Account Info popup to other buttons?)

• Styling format

  • In-line styling where tailwind classes would be more appropriate (CostBenefitAnalysis.tsx, NewGrantModal.tsx)
  • Separate style sheets from tsx components (Account.tsx, Login.tsx, Profile.tsx, Register.tsx, RegisterLanding.tsx)
  • Improve accessibility/responsiveness (use REM for sizing and certain spacing, and Pixels for header height, borders, certain padding, etc.); see this to learn more

• Simple code fixes/adds

  • Add BCAN quick links to footer (TODO comment I found in Footer.tsx)
  • Remove or fix AnimatedRoutes.tsx
  • Remove large sections of commented out code (GrantSearch.tsx)

• Extracting components; see this for more info

  • Long stretches of code that should be separated into smaller components/template partials (CostBenefitAnalysis.tsx, GrantAttributes.tsx, GrantItem.tsx, NewGrantModal.tsx) or utilize loops to reduce repetition

[prooflesben]

lgtm would be good to go over this pr in the next standup

[adityapat24]

Looks Good!