Repository: payloadcms/payload (TypeScript)

Issue:
Collection List View: Relationship titles not displayed when "en" localization is not localized
### Link to reproduction

https://github.com/AlessioGr/payload/tree/repro

### To Reproduce

1. Make sure you are in the "de" locale
2. Create a document in the "Posts" and a document in the "Collection2s" collection. Make sure the Collection2s collection document has a relationship to the document in the Posts collection.


### Describe the Bug

![Arc 2023-04-02 at 22 30 02@2x](https://user-images.githubusercontent.com/70709113/229377465-28325a12-a565-4f45-8c81-64f11871632e.jpg)

Now, you should see that the relationship for the Collection2s collection in the list view does not show the title of the referenced posts relationship.

The moment you add a translation for the "en" locale, it works - despite "en" not being the default locale.

It seems that when looking for the title of a referenced relationship in the collection's list view, it only looks for the "en" locale and not the current locale. Ref: https://discord.com/channels/967097582721572934/1091805251344019609

### Payload Version

1.6.29



Fix (patch):
diff --git a/src/admin/components/views/collections/List/RelationshipProvider/index.tsx b/src/admin/components/views/collections/List/RelationshipProvider/index.tsx
index efc7c9f742e..0a77221585c 100644
--- a/src/admin/components/views/collections/List/RelationshipProvider/index.tsx
+++ b/src/admin/components/views/collections/List/RelationshipProvider/index.tsx
@@ -5,6 +5,7 @@ import { useConfig } from '../../../../utilities/Config';
 import { TypeWithID } from '../../../../../../collections/config/types';
 import { reducer } from './reducer';
 import useDebounce from '../../../../../hooks/useDebounce';
+import { useLocale } from '../../../../utilities/Locale';
 
 // documents are first set to null when requested
 // set to false when no doc is returned
@@ -30,27 +31,31 @@ export const RelationshipProvider: React.FC<{ children?: React.ReactNode }> = ({
   const debouncedDocuments = useDebounce(documents, 100);
   const config = useConfig();
   const { i18n } = useTranslation();
+  const locale = useLocale();
+  const prevLocale = useRef(locale);
+
   const {
     serverURL,
     routes: { api },
   } = config;
 
-  useEffect(() => {
+  const loadRelationshipDocs = useCallback(async (reloadAll = false) => {
     Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {
       const idsToLoad: (string | number)[] = [];
 
       Object.entries(docs).forEach(([id, value]) => {
-        if (value === null) {
+        if (value === null || reloadAll) {
           idsToLoad.push(id);
         }
       });
 
+
       if (idsToLoad.length > 0) {
         const url = `${serverURL}${api}/${slug}`;
         const params = {
           depth: 0,
           'where[id][in]': idsToLoad,
-          locale: i18n.language,
+          locale,
           limit: 250,
         };
 
@@ -61,6 +66,7 @@ export const RelationshipProvider: React.FC<{ children?: React.ReactNode }> = ({
             'Accept-Language': i18n.language,
           },
         });
+
         if (result.ok) {
           const json = await result.json();
           if (json.docs) {
@@ -71,7 +77,12 @@ export const RelationshipProvider: React.FC<{ children?: React.ReactNode }> = ({
         }
       }
     });
-  }, [i18n, serverURL, api, debouncedDocuments]);
+  }, [debouncedDocuments, serverURL, api, i18n, locale]);
+
+  useEffect(() => {
+    loadRelationshipDocs(locale && prevLocale.current !== locale);
+    prevLocale.current = locale;
+  }, [locale, loadRelationshipDocs]);
 
   const getRelationships = useCallback(async (relationships: { relationTo: string, value: number | string }[]) => {
     dispatchDocuments({ type: 'REQUEST', docs: relationships });