Update and improve bootstrap form

[iibarbari]

This pull request includes several updates to the frontend and backend components, focusing on improving the user interface and user experience, particularly around the Bootstrap process and the Activity Overlay component.

Frontend Changes:

• Activity Overlay Component:

  • Added new ActivityOverlay component with styles and functionality to display an overlay and spinner during loading states. (frontend/src/components/ActivityOverlay/ActivityOverlay.module.css - [1] frontend/src/components/ActivityOverlay/index.tsx - [2]

• Bootstrap Component:

  • Enhanced the Bootstrap component to handle different states (initial, already bootstrapped, and successfully bootstrapped) with appropriate UI updates. (frontend/src/components/Bootstrap/index.tsx - [1] [2] [3] [4] [5] [6] [7]
  • Updated styles to improve layout and user feedback during the Bootstrap process. (frontend/src/components/Bootstrap/Bootstrap.module.css - [1] [2]

• Layout Component:

  • Introduced a new Layout component to standardize the page layout, including an option to vertically center content. (frontend/src/components/Layout/Layout.module.css - [1] frontend/src/components/Layout/index.tsx - [2]

• General UI Improvements:

  • Added responsive and accessibility improvements to various components, including buttons and collapsible sections. (frontend/src/styles/components.css - [1] [2] [3] [4] [5] frontend/src/components/Collapse/Collapse.module.css - [6] [7] frontend/src/components/Collapse/index.tsx - [8] [9]

Backend Changes:

• Bootstrap Handler:
  • Added a detailed response message upon successful completion of the bootstrap process. (backend/pkg/restapi/handler/bootstrap/main.go - backend/pkg/restapi/handler/bootstrap/main.goR74)

These changes aim to enhance the overall user experience by making the interface more responsive and providing clearer feedback during critical operations like the Bootstrap process.

[th0th]

I did some change requests, and asked some questions, too 💐

[th0th]

🍇