Backport pull request #7493 from jellyfin-web/release-10.11.z

Improve error handling on plugin page

Original-merge: fb6250d108d88de0ee11f1bbb13f52acb6a63f30

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: thornbill <thornbill@users.noreply.github.com>

src/apps/dashboard/routes/plugins/index.tsx

@@ -98,14 +98,6 @@ export const Component = () => {
             className='type-interior mainAnimatedPage'
         >
             <Box className='content-primary'>
-                {isError ? (
-                    <Alert
-                        severity='error'
-                        sx={{ marginBottom: 2 }}
-                    >
-                        {globalize.translate('PluginsLoadError')}
-                    </Alert>
-                ) : (
                 <Stack spacing={2}>
                     <Stack
                         direction='row'
@@ -164,6 +156,15 @@ export const Component = () => {
                         </Box>
                     </Stack>
 
+                    {isError ? (
+                        <Alert
+                            severity='error'
+                            sx={{ marginBottom: 2 }}
+                        >
+                            {globalize.translate('PluginsLoadError')}
+                        </Alert>
+                    ) : (
+                        <>
                             <Box>
                                 <Stack
                                     direction='row'
@@ -254,8 +255,9 @@ export const Component = () => {
                                     />
                                 )}
                             </Box>
-                    </Stack>
+                        </>
                     )}
+                </Stack>
             </Box>
         </Page>
     );