How to implement standard file management and history feature for free in next.js application

Question

i am working with a next.js project and are building its file management and history. Below is the description of the file management and history plan.

History. A History page to show and a mechanism to store all the history of the activities or the outputs got by the tools for at least last 30 days

4. Five management. There should be an option in the menu and also after anyone generates any content from the tools he should see this option and it is called file manager( at the menu) or save ( at the tool/chatbot interface) . He should be able to save the work or the content he generated and he should be able to create folders and files under these folders and he will also be able to create file without any folder and it is like a standard file manager or I should say not complex but yeah it's like a normal file manager. I also want a search engine there, which will help the user to search among the files and folders. There should be also filters in the search engine. In case he will use the filter to search only folders or to search only files across the whole file manager functionality ( Suppose someone searched for SS. And if he uses a filter to only see the files then he should see the file SS which is under a folder and he will also see any file which is close to his search keyword even if it is not under any folder. ) And user should be able to download a file or a folder separately. and if he wants to download all the files and folders then he will have an option in the dashboard called Export to CSV and if he downloads files separately as a file then he will have several options like PDF or PPT.

Actually this is my first project on this and I am using supabase free version for the database and authentication now I am finding the fastest free way to make these two features production ready by using or any other tool for free. now please help me by finding the best free tool and the fastest workflow, what should I do? Use supabase or use something else I mean any other third-party tool or use next.JS only for this somebody please help me to build a workflow or roadmap to integrate these features fast in my website for free.

Actually this is my first project on this and I researched in YouTube and Google but did not found something which will work and things look much complex. Also many third-party tools will do this work but for paid so it never worked.