Logs Panel: Fix setting default details mode (#111251)

* Logs Panel: Fix setting default details mode

* Update public/app/features/logs/components/panel/LogListContext.tsx

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>

* Prettier

* LogListContext: sync mode only if not empty

---------

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>
Co-authored-by: Matias Chomicki <matyax@gmail.com>

public/app/features/logs/components/panel/LogListContext.tsx

@@ -203,7 +203,7 @@ export const LogListContextProvider = ({
   enableLogDetails,
   logOptionsStorageKey,
   detailsMode: detailsModeProp = logOptionsStorageKey
-    ? store.get(`${logOptionsStorageKey}.detailsMode`)
+    ? (store.get(`${logOptionsStorageKey}.detailsMode`) ?? getDefaultDetailsMode(containerElement))
     : getDefaultDetailsMode(containerElement),
   dedupStrategy,
   displayedFields,
@@ -334,7 +334,9 @@ export const LogListContextProvider = ({
 
   // Sync details mode
   useEffect(() => {
-    setDetailsMode(detailsModeProp);
+    if (detailsModeProp) {
+      setDetailsMode(detailsModeProp);
+    }
   }, [detailsModeProp]);
 
   // Sync font size