fix: #218 UI Redesign - Mobile - My Files

[Ayush783]

- What I did
Redesigned My Files screen as per the designs in figma and as stated inn issue #218.
- How I did it
Modified the following files :-
- /screens/my_files/my_files.dart
- /screens/common_widgets/app_bar.dart
Created the following widgets under my_files folder
- FileFormatDropDownButton
- FileListView
- FileListTile
- MyFilesToolbox
- SearchButton
- RefreshButton
Added required images, icons, fonts as per the Figma design.
- How to verify it

- Description for the changelog
Redesigned My Files screen.

[tinashe404]

I'm not able to build this.. @nitesh2599 are you able to get this to build successfully?

[Ayush783]

I'm a little confused. There were no conflicts when I made this PR but its showing them now :/

[Ayush783]

Let me resolve this

[Ayush783]

I ran into a build error that said something about declaration of AtBackupKeyFlutterPlugin. If you're facing the same error then try running pub cache repair and then flutter clean. This helped me.

[tinashe404]

@Ayush783 this is a great start on this. I see that you haven't linked any of the existing My Files functionality to the UI, ie it isn't displaying the actual files that would have been received (its displaying hardcoded items), refresh, search and filter don't do anything as yet. Is this something you plan on doing?

A few minor UI things

• the text above the buttons is not the same size. It looks like Delivery Type is much bigger.
• the color of this text is too pale
• the orange gradient at the bottom of the screen isn't present

[Ayush783]

@tinashe404 Thanks for the review, I was hoping to get the UI reviewed first. I'll get these issues fixed and then try to work on the functionalities.