feat: rounded stuff, fixed error screen to have more info

src/entry.ts

@@ -1,20 +1,22 @@
 import { ClientInfoManager } from "@lib/native";
 import { NavigationNative } from "./lib/metro/common";
 import Developer from "./ui/settings/pages/Developer";
+import { getDebugInfo } from "./lib/debug";
 
 // This logs in the native logging implementation, e.g. logcat
 console.log("Hello from Opti!");
 
 // Make 'freeze' and 'seal' do nothing
 Object.freeze = Object;
 Object.seal = Object;
+const debugInfo = getDebugInfo();
 
 import(".").then((m) => m.default()).catch((e) => {
-    console.log(e?.stack ?? e.toString());
+    console.log("Opti encountered an issue. " + e?.stack ?? e.toString());
     alert([
-        "Failed to load Opti!\n",
-        `Build Number: ${ClientInfoManager.Build}`,
+        "Failed to load Opti! The error is in console logs.\n",
+        `Build: ${ClientInfoManager.Build}`,
         `Opti: ${__optiVersion}`,
-        e?.stack || e.toString(),
+        `Discord Version: ${debugInfo.discord.version}`
     ].join("\n"));
 });

src/ui/components/ErrorBoundary.tsx

@@ -12,11 +12,13 @@ const styles = stylesheet.createThemedStyleSheet({
         flex: 1,
         flexDirection: "column",
         margin: 10,
+        borderRadius: 5,
     },
     title: {
         fontSize: 20,
         textAlign: "center",
         marginBottom: 5,
+        borderRadius: 5,
     },
 });
 

src/ui/components/InputAlert.tsx

@@ -42,7 +42,7 @@ export default function InputAlert({ title, confirmText, confirmColor, onConfirm
                 secureTextEntry={secureTextEntry}
                 autoFocus={true}
                 showBorder={true}
-                style={{ paddingVertical: 5, alignSelf: "stretch", paddingHorizontal: 0 }}
+                style={{ paddingVertical: 5, alignSelf: "stretch", paddingHorizontal: 0, borderRadius: 5 }}
             />
         </Alert>
     );

src/ui/components/Search.tsx

@@ -8,9 +8,10 @@ const styles = stylesheet.createThemedStyleSheet({
     search: {
         margin: 0,
         padding: 0,
+        width: 16,
         borderBottomWidth: 0,
-        background: "none",
         backgroundColor: "none",
+
     }
 });