Feat/1.0.8

[kek-Sec]

This pull request introduces several enhancements and refactorings to the UI, focusing on improving user experience, visual design, and code maintainability. Key changes include a redesigned header and footer, theme switching functionality, integration of reusable components, and removal of unused API code.

UI Enhancements:

• Redesigned Header and Footer: Replaced v-toolbar with v-app-bar for a modern look, added theme toggle functionality, and adjusted footer styling for better visual consistency. (ui/src/App.vue, ui/src/App.vueL5-L32)
• Improved 404 Page: Updated the design with rounded cards, refined typography, and adjusted layout for better responsiveness. (ui/src/pages/Error404.vue, [1] [2]

Theme and Styling Updates:

• Custom Themes: Introduced custom light and dark themes with modern color palettes, and implemented theme switching functionality using Vuetify. (ui/src/main.js, ui/src/main.jsR14-R58)
• Global Styling Updates: Updated font to "Inter" and added a gradient background for a cleaner and more professional appearance. (ui/src/assets/style.css, [1] [2]

Component Enhancements:

• Reusable Password Input: Created PasswordInput.vue to encapsulate password handling logic, including visibility toggling and random password generation. (ui/src/components/PasswordInput.vue, ui/src/components/PasswordInput.vueR1-R41)
• Secret Display Component: Added SecretDisplay.vue to handle secret copying and file downloading functionality with user-friendly alerts. (ui/src/components/SecretDisplay.vue, ui/src/components/SecretDisplay.vueR1-R47)

Code Cleanup and Refactoring:

• Removed Unused API Code: Deleted the obsolete api.js file, simplifying the codebase and reducing maintenance overhead. (ui/src/api.js, ui/src/api.jsL1-L79)
• Form Reset Logic: Refactored Create.vue to use a centralized store for form reset functionality, improving code organization and reusability. (ui/src/pages/Create.vue, [1] [2]

[Copilot]

Pull Request Overview

This PR implements UI enhancements and refactorings aimed at modernizing the app look and feel while improving user experience and code maintainability. Key changes include a redesigned header and footer with theme toggling functionality, the introduction of reusable components (PasswordInput and SecretDisplay), and code cleanup such as the removal of obsolete API code and centralized form reset logic.

Reviewed Changes

Copilot reviewed 17 out of 17 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
ui/src/utils/passwordGenerator.js	Added a secure random password generator function.
ui/src/utils/fileDownloader.js	Introduced a utility to trigger file downloads via browser Blob objects.
ui/src/stores/formStore.js	Implemented a reactive store to facilitate form resets across components.
ui/src/services/api.js	Added API service functions for backend interactions using centralized error messages.
ui/src/router/index.js	Updated router configuration with corrected import paths and route definitions.
ui/src/pages/View.vue	Refactored view page to use the SecretDisplay component and updated UI elements/styles.
ui/src/pages/ErrorGeneral.vue	Enhanced the general error page design with modern Vuetify components.
ui/src/pages/Error404.vue	Improved the 404 error page styling and layout for better responsiveness.
ui/src/pages/Create.vue	Updated creation form to use the new PasswordInput component and centralize form reset logic.
ui/src/main.js	Configured custom Vuetify themes with theme switching functionality integrated.
ui/src/components/SecretDisplay.vue	Added a component to manage secret display including file download and copy-to-clipboard.
ui/src/components/PasswordInput.vue	Created a reusable password input component with visibility toggle and random generation.
ui/src/assets/style.css	Applied global styling updates, including updated font ("Inter") and a gradient background.
ui/src/App.vue	Refactored header/footer structure with theme toggle and form reset integration.
CHANGELOG.md	Updated changelog to document the improvements and refactorings introduced in this release.

Comments suppressed due to low confidence (1)

ui/src/pages/Create.vue:115

• [nitpick] Consider renaming the 'files' variable to 'selectedFiles' for improved clarity, as it better represents that these are the files selected by the user and distinguishes it from the singular 'fileBlob'.

watch(files, (newFiles) => {