Quality of life (QOL) improvements

• Component visibility: Components are now colored green in the layers panel for better visibility.
• Component editing: When editing an instance of a component, a popup explanation now appears at the bottom of the screen.
• Input field focus: The focus state of input fields now has distinct colors: blue for editing a tag, purple for editing a class, etc. This helps prevent editing the wrong element unintentionally.
• Link defaults: Links now default to having "#" set to prevent the default HTML styling (blue color and underline) from altering the intended design after styling is completed.
• Hidden Elements: In the layers panel, a "hidden" icon now appears when 'display: none' is applied to an element.
• Rich text editing: It is now possible to close rich text editing without triggering the Save function.
• Input calculations: Input fields now support calculations (multiplication and division), useful for those working with REM units. For example, typing "20/16rem" will set the CSS to "1.25rem".
• Fullscreen preview: In fullscreen preview mode, there is now an icon in the top left corner to close the preview, previously only possible with the ESC key.
• Class properties: Classes can now edit child properties of flex and grid layouts and, if applied to an image, can adjust image properties such as object-fit.
• View all shortcuts: There is now an icon in the top right corner which opens a list of all shortcuts available in Divhunt.

Bug fixes

• Fixed a bug where using the margin and padding input field prevented clicking on other tags.
• Fixed an issue where applying a class to an element did not automatically refresh the designer tab to show applied styles from the class.
• Fixed height issues in the designer when editing custom CSS (previously, it sometimes caused height issues, preventing scrolling all the way down).
• Corrected grid settings color when editing a global tag or class.
• Various other small bugs have been fixed.