[Epic] Implement Elastic design

[bmorelli25]

Summary

Implement the Elastic design

Tasks

• Decide on any CSS/HTML frameworks that we want to use
• Update Landing page
• Update Page format
• Update Nav items
• Update components:
  • Applies to tag
  • Code blocks
  • Tables (related: Table formatting issue with column padding #534)
  • Definition lists (related: Definition list styling #525)
  • Code blocks (waiting on design — see Additional design elements needed #284)
  • Admonitions (waiting on design — see Additional design elements needed #284)
  • Note (waiting on design — see Additional design elements needed #284)
  • Warning (waiting on design — see Additional design elements needed #284)
  • Tip (waiting on design — see Additional design elements needed #284)
  • Important (waiting on design — see Additional design elements needed #284)
  • Plain (waiting on design — see Additional design elements needed #284)
  • Tabs (waiting on design — see Additional design elements needed #284)
  • Dropdowns (waiting on design — see Additional design elements needed #284)
• Remove unused CSS & clean up

Other notes

See the following sub-issues for writer-suggested improvements.

cc @KOTungseth

[reakaleek]

Status Update

Base frontend setup

• Parceljs setup for transpiling, minifying js and css: Set up parceljs #389
• Enhance developer experience: Add ./build.sh watch to integrate all continuous builds. #390
• REDESIGN feature flag with basic tailwindcss setup: Add redesign feature flag #392