Fix internal error status

Author: redside100

src/renderer/src/App.tsx

@@ -81,9 +81,11 @@ function App() {
   if (loading) {
     return (
       <Box display="flex" height="100%" width="100%" justifyContent="center" alignItems="center">
-        <Box display="flex" gap={1} alignItems="center">
+        <Box display="flex" gap={2} alignItems="center">
           <CircularProgress />
-          <Typography variant="h4">Connecting...</Typography>
+          <Typography variant="h4">
+            <strong>Connecting...</strong>
+          </Typography>
         </Box>
       </Box>
     )

src/renderer/src/components/console.tsx

@@ -75,7 +75,10 @@ const Console = ({
       .map((submission) => submission.titleSlug)
 
     const newSubmissions = submissions.filter(
-      (submission: any) => !previousSubmissionKeys.includes(getSubmissionKey(submission))
+      (submission: any) =>
+        !previousSubmissionKeys.includes(getSubmissionKey(submission)) &&
+        // if a submission is pending, for some reason it displays as "Internal Error"
+        submission.statusDisplay !== 'Internal Error'
     )
 
     // we have new submissions - process them