Introduce dynamic modal width in AppUpdateProvider for improved UI flexibility during software updates.

src/components/Dashboard/context/AppUpdateContext.jsx

@@ -82,6 +82,8 @@ export const AppUpdateProvider = ({ children }) => {
   const runningCheckRef = useRef(null)
   const updateCheckDependenciesRef = useRef({})
 
+  const [modelWidth, setModelWidth] = useState(650)
+
   updateCheckDependenciesRef.current = {
     fetchAppUpdateBranches,
     fetchAppUpdateCurrent,
@@ -191,6 +193,7 @@ export const AppUpdateProvider = ({ children }) => {
     setNoUpdateOpen(false)
     setAvailableUpdate(null)
     setInstallingUpdate(update)
+    setModelWidth(550)
     setUpdateProgress({
       phase: 'preparing',
       percent: 0,
@@ -256,10 +259,12 @@ export const AppUpdateProvider = ({ children }) => {
         <Text>There are no new software updates available.</Text>
       </Modal>
       <Modal
-        title={installingUpdate ? 'Software Update' : 'Software Update Available'}
+        title={
+          installingUpdate ? 'Software Update' : 'Software Update Available'
+        }
         open={updateModalOpen}
         footer={null}
-        width={650}
+        width={modelWidth}
         centered
         closable={!updateModalBusy}
         maskClosable={!updateModalBusy}