Storage Engine Base App: Ability to manage files via a file browser within storage catalog

[jasneetkaurdeloitte]

Title: As a user, I want to navigate and manage files in my storage bucket through a file browser, so that I can view and edit files easily.

**Figma Link: https://www.figma.com/design/Qj4tWPsniFOJ6qSLfxOaBT/Drag-And-Drop---Design?node-id=19066-290617&t=xcGvMRO2h7s0QWjH-0

Acceptance Criteria:

• Users should be able to view a file browser displaying all files and folders in the storage bucket.
• Users should be able to navigate through folders and view the list of files.
• Users should be able to open and view files(@neelneelneel please add the supported formats) directly from the file browser.
• Users should be able to perform operations such as uploading new file(s) and downloading existing ones.
• User should be able to view, select, and unselect multiple files/folders.
• User should be able to browse and upload files in both structured and unstructured formats.
• User should receive a confirmation message upon successful upload of files.
• The app should provide a progress indicator for file uploads. If there's an error, system should display the clear message.
• System should be able to handle the file names with special characters.
• The system should validate the file formats and notify users of any unsupported formats. The following error message should be displayed: "Uploaded file format is not supported.”
• The imported files should be scanned for any malicious code injections.
• Usage logs should be captured for monitoring utilization.
• Permission changes in the Storage Catalog should reflect in the app in real time.

Source: Refer call recording: https://amedeloitte-my.sharepoint.com/personal/jasneekaur_deloitte_com/_layouts/15/stream.aspx?id=%2Fpersonal%2Fjasneekaur%5Fdeloitte%5Fcom%2FDocuments%2FRecordings%2FCairo%20Queries%5F%20II%2D20250603%5F180406%2DMeeting%20Recording%2Emp4&referrer=StreamWebApp%2EWeb&referrerScenario=AddressBarCopied%2Eview%2Eb8e6bb70%2Daa76%2D45a0%2Db0b3%2Df7722273e62e

[jasneetkaurdeloitte]

This ticket should be assigned to the Cairo team.
@neelneelneel @kunal0137 Drafted the user story based on the recent call. Please let me know for any comments or please feel free to update it directly.
@kyang4 Please tag the relevant category and labels. Thanks.

[ibrahimmahaba]

@kunal0137
Please find the screenshot of the latest update we have so far.

[ehynd]

File sorting figma: https://www.figma.com/design/Qj4tWPsniFOJ6qSLfxOaBT/Drag-And-Drop---Design?node-id=19066-290617&t=xcGvMRO2h7s0QWjH-0

[RawanAbdelkhalek]

Ready for review
Backend Branch:
https://github.com/SEMOSS/Semoss/tree/372-storage-multiple-upload
Frontend Branch:
SEMOSS/semoss-ui@dev...storage-file-explorer-clean

@neelneelneel @kunal0137

[Hanumant2828]

Hi @jasneetkaurdeloitte I tried accessing the call recording video using the link provided in the ticket, but it appears to be unavailable. Could you please share a valid link?