Progress update cleanup and UI improvements.

components/error/error-display.jsx

@@ -1,8 +1,8 @@
 import { useTranslation } from "react-i18next";
 import { Text } from "react-native";
-import { Card } from "react-native-paper";
+import { Button, Card } from "react-native-paper";
 
-export default function ErrorDisplay({ errorMessage, error }) {
+export default function ErrorDisplay({ errorMessage, error, onDismiss }) {
   const { t } = useTranslation();
   return (
     <Card style={{ margin: 8, backgroundColor: "#ffdddd" }}>
@@ -14,6 +14,11 @@ export default function ErrorDisplay({ errorMessage, error }) {
             error ||
             "An unknown error has occured."}
         </Text>
+      {onDismiss ? (
+        <Card.Actions>
+          <Button onPress={onDismiss}>{t("general.labels.dismiss")}</Button>
+        </Card.Actions>
+      ) : null}
       </Card.Content>
     </Card>
   );