feat: Add color display for file types in File Management (#2107)

[aamirxshaikh]

Purpose

This pull request addresses issue #2107 by enhancing the File Overview component to include color-coded file types. The goal is to improve the user experience by providing a visual distinction between different file types.

Changes Made

file-overview.component.html

• Modified the HTML code within the file overview component to dynamically set the background color of the file type container using the getFileColor method.

file-overview.component.ts

• Added a new private property fileTypeColors (map) to store the generated colors for each file type.
• Added a new method getFileColor to check if the color for the given file type is already stored in the map; if not, it generates a new color using the generateColorHash method.
• Added a new private method generateColorHash to generate a color code.

Screenshots

Please feel free to provide feedback or suggest any changes.

Remarks

PR introduces (a) breaking change(s): no

PR introduces (a) deprecation(s): no

[bossenti]

Thank you very much for this PR @aamirxshaikh 🙏🏼

I really like your solution

[aamirxshaikh]

Thank you very much for this PR @aamirxshaikh 🙏🏼

I really like your solution

You're welcome! @bossenti