Interface for MetadataDiff

[shraddha761]

Describe the bug
A user interface to display the differences between metadata in zip files. The UI present the results of comparing two zip files and visually highlight the differences.

Comparison Results Display:

The UI show a clear and organized view of the differences found between the two metadata sets.
It include sections for:
Added items (green)
Removed items (red)
Modified items (orange)

Fetch and display data from the API endpoint /api/compare-metadata.
Related issue - avniproject/avni-product#1536

[dinesh2096]

• Can we have the specific error statements like why is error is occuring(eg : if we try to process the metadiff as admin user then we unable to do the diff it shows error as An error occurred while comparing metadata expected we unable to process since it is an admin user )

Reference Image :

• Can we make an error stating if we try to compare different account metazip file for now it is comparing and showing result which i think is not right (for example org : apfodisha and org : iph we try to compare it is displaying the result ) Instead we can display we cant compare two diff org.

Reference Image :

Suggestion :

• Can we name header to different the browse option
• And also if we select the meta zip immediate can we show the review option because user as to upload the file and if they click the review option then again they have to upload the file.
• Can we give the color description so that users can understand

[mahalakshme]

@dinesh2096 Since looks like many cases are not handled, we can hide the button for this release so that the above doesn't delay the release. I will create a card for it. And move this card to Hold.