UI issue on Other locales tabs

[sumitsingh]

Hey,

you can see the first translation [here]​https://translate.wordpress.org/projects/wp/6.1.x/ar/default/?filters%5Bterm%5D=span%3E&filters%5Bterm_scope%5D=scope_any&filters%5Bstatus%5D=current_or_waiting_or_fuzzy_or_untranslated&filters%5Buser_login%5D=&filter=Apply+Filters&sort%5Bby%5D=priority&sort%5Bhow%5D=desc

For more information, you can see mentioned screenshot. this issue also confirmed by @Tosin on Slack ​https://wordpress.slack.com/archives/C02RP50LK/p1688564240600649

[sumitsingh]

Ui issue screenshot

[sumitsingh]

UI issue screenshot

[sumitsingh]

Anyone can delete the twice image?

## Problem

Currently, we have 5 tabs in the right sidebar to show different information:

• Meta.
• Discuss.
• History.
• Other locales.
• Translation memory (TM).

These tabs take up a lot of horizontal space with small devices and/or screens, showing tabs with only a few letters and without the number of elements, with a bad usability.

## Solution

This PR merges the content from the "History", "Other locales" and "TM" in a new tab, called "Others", removing the three previous tabs.

This PR adds "summary" elements, so the user could show or hide the different elements. This PR remembers the status of each summary (opened or closed) when you change to another row.

This PR also solves a problem with the "Other locales" UI, reported here.

Problem

Solution

## Testing instructions

To test this PR, you need to use the branch from this ​gp-translation-helpers' PR.

To test this PR, you have to access to some projects with:

• 0 or some elements in the "Translation memory" summary.
• 0 or some elements in the "Other locales" summary.
• 0 or some History summary.

You need to check some of these combinations to be sure all work as expected.

Do I also need to have a specific version of GlotPress? For me it looks like this:

For consistency, should the "Other locales" be called "Other languages" now that we have more space?

Do I also need to have a specific version of GlotPress? For me it looks like this:

For consistency, should the "Other locales" be called "Other languages" now that we have more space?

You don't need a specific version of GlotPress. This PR moves the content from 3 tabs (Translation memory, Other locales and History) to a new one (Others) (1), maintaining the TM and the Other Locales at the bottom (2).

I hope that in the medium term we will be able to remove the elements at the bottom, but it is something I want to discuss with the community.

Related with the "Other locales" name, we always talk about "locales", not "languages", so I think this is the correct term. E.g., you can see it at ​https://translate.wordpress.org/

Added the loading indicator

I tested again ensuring that the gp-translation-helpers plugin is on the tab-others branch and the js errors do not appear anymore, apparently I was not on the right branch for gp-translation-helpers

@amieiro will rebase this and we'll merge it then

I close this PR, as it has been deployed at translate.wordpress.org