* Define global variables for colors, layout, and spacing scales in
* Replace hardcoded padding, gap, color, and border values with CSS variables across guide components (, , , , )
* Add utility class to guide frames in for unified styling
- Add programmatic navigation to the guide view after successful form submission.
- Add class names and layout styling for header, navigation sidebar, and action buttons.
- Update Guide view print layout.
- Add class names to Guide layout elements (, ).
- Restrict guide max-width and add padding.
- Update global styling to use outline.
- Hide anchor tags and reset main margin in print media query.
- Add Settings route, component, and useSettings hook
- Add Settings link to nav
- Fix sidebar to use fixed positioning instead of flexbox
- Fix footer to stay within sidebar column
- Reset form after save in useGuideForm
- Use SubmitEvent type for handleSaveGuide
- Render guide title, description, frames, and steps from context
- Add delete and export PDF actions via useGuide hook
- Add print media query to hide header, footer, and buttons
- Extract guide logic into useGuide hook
- Add Guide.css for view-specific styles
- Remove standalone steps state; steps now live inside each Frame object
- Initialize each frame with one default empty step on file upload
- Update handleAddSteps, handleUpdateStep, handleRemoveStep to operate
on frames array via nested map/filter
- Rename handleUpdateStepText -> handleUpdateStep
- Rename schema types to StepType, FrameType, GuideType
- Add steps and title fields to FrameSchema
- Wire FileUpload onChange and render Frame components in NewGuide
- Add NewGuide.css and basic input/textarea border styles
