feat: Migrate Edit Menu Group feature to React with Bootstrap UI

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>

react-bootstrap-migration/logs/task_9_edit_menu_group.log

@@ -0,0 +1,10 @@
+[2025-07-18] Starting task: Task 9: Menu Group (`edit-menu-group.component.ts`)
+[2025-07-18] Analysis: Angular component logic is mostly commented out. HTML has inconsistencies between table headers and body.
+[2025-07-18] Decision: Proceeding with migration by creating a React component that matches the table headers and uses mock data.
+[2025-07-18] Action: Replacing placeholder `react-bootstrap-migration/src/pages/admin/EditMenuGroupPage.js` with a full component implementation.
+[2025-07-18] Action: Using react-bootstrap components (Form, Table, Button, etc.) to build the UI.
+[2025-07-18] Action: Using `useState` and `useEffect` for state management and data mocking.
+[2025-07-18] Action: Creating `react-bootstrap-migration/src/pages/admin/EditMenuGroupPage.css` with styles converted from SCSS.
+[2025-07-18] Action: Updating `task_list.md` to reflect progress.
+[2025-07-18] Status: SUCCESS - Initial migration of EditMenuGroupComponent is complete. The component is now a static form with mock data.
+[2025-07-18] Next: Integrate with live APIs by creating a `useApi` hook or similar service layer.

react-bootstrap-migration/src/pages/admin/EditMenuGroupPage.css

@@ -0,0 +1,39 @@
+.center {
+    text-align: center;
+}
+
+.section {
+    background-color: #f7f7f7;
+    border: 1px solid #dee2e6;
+    border-bottom: none;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    margin-top: 1.5rem;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+}
+
+.section p {
+    padding: 0 1rem;
+    font-size: 1.1rem;
+    font-weight: 500;
+    margin: 0;
+}
+
+#lines input,
+#lines select {
+    border: none;
+    background-color: transparent;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#lines input:focus,
+#lines select:focus {
+    box-shadow: none;
+}
+
+#lines .form-check-input {
+    border: 1px solid #dee2e6;
+}