Add Ribbon Component

[HolyShaq]

Closes #29

Changes:

• Extracts Ribbon into its own component
• Adds framework for "button sets" for each step

Preview

https://github.com/user-attachments/assets/3ace2f66-e72d-4b33-994e-0825bd68c247

Note

Di ko matama ung styling exactly sa gawa ni Jayson huhu, mainly bc di ko pa mapaliit ung font size. Maybe pag may branding na mas maging maganda itsura. Important sa pr na to is ung framework for easy adding ng ribbon buttons which rn looks like this:

const buttonSet = [
    // Upload
    [],

    // Clean
    [
      <RibbonButton key={0} label="Remove Duplicate" onClick={temp} />,
      <RibbonButton key={1} label="Remove Invalid" onClick={temp} />,
      <RibbonButton key={2} label="Remove Empty" onClick={temp} />,
    ],

    // Visualize
    [
      <RibbonButton key={0} label="Add a Chart" onClick={temp} />,
      <RibbonButton key={1} label="Add a Textbox" onClick={temp} />,
      <RibbonButton key={2} label="Add Controls" onClick={temp} />,
    ],
  ];

lemme know ur thoughtss