Improve layout for tablet screens on setup screens

[CommanderRedYT]

No description provided.

[github-actions]

☂️ Code Coverage

% Stmts	% Branch	% Funcs	% Lines
6.41 🔴	0.09 🔴	0.24 🔴	6.65 🔴

Click to expand

File	% Stmts	% Branch	% Funcs	% Lines
src
storage.ts	11.11 🔴	0 🔴	0 🔴	11.11 🔴
store.ts	70.58 🟡	100 🟢	40 🔴	75 🟡
translations.ts	100 🟢	50 🔴	100 🟢	100 🟢
constants.ts	100 🟢	100 🟢	100 🟢	100 🟢
style.tsx	31.81 🔴	0 🔴	0 🔴	31.81 🔴
InnerApp.tsx	5.43 🔴	0 🔴	0 🔴	5.61 🔴
App.tsx	100 🟢	100 🟢	100 🟢	100 🟢
src/components
StorageMigrator.tsx	9.09 🔴	0 🔴	0 🔴	9.09 🔴
BaseModal.tsx	14.28 🔴	0 🔴	0 🔴	14.28 🔴
ReleaseChangelog.tsx	40 🔴	0 🔴	0 🔴	40 🔴
ShowTimeRange.tsx	7.69 🔴	0 🔴	0 🔴	9.09 🔴
OrientationContainer.tsx	33.33 🔴	0 🔴	0 🔴	33.33 🔴
OpenDTUValue.tsx	18.18 🔴	0 🔴	0 🔴	18.18 🔴
DeviceOfflineWrapper.tsx	8.33 🔴	0 🔴	0 🔴	8.33 🔴
DeviceStatus.tsx	5.88 🔴	0 🔴	0 🔴	7.69 🔴
StatusWidget.tsx	25 🔴	0 🔴	0 🔴	25 🔴
ImportantStatusValues.tsx	14.28 🔴	100 🟢	0 🔴	20 🔴
src/slices
opendtu.ts	5.05 🔴	0 🔴	0 🔴	5.05 🔴
settings.ts	5.2 🔴	0 🔴	0 🔴	5.2 🔴
app.ts	31.25 🔴	0 🔴	0 🔴	31.25 🔴
database.ts	25 🔴	0 🔴	0 🔴	28.57 🔴
github.ts	30.76 🔴	100 🟢	0 🔴	30.76 🔴
src/types
settings.ts	100 🟢	100 🟢	100 🟢	100 🟢
src/utils
log.ts	55.55 🟠	25 🔴	0 🔴	62.5 🟠
ago.ts	11.11 🔴	0 🔴	0 🔴	12.5 🔴
capitalize.ts	50 🔴	100 🟢	0 🔴	50 🔴
correctTag.ts	16.66 🔴	0 🔴	0 🔴	16.66 🔴
formatBytes.ts	33.33 🔴	0 🔴	0 🔴	40 🔴
percentage.ts	25 🔴	0 🔴	0 🔴	25 🔴
formatVersion.ts	20 🔴	100 🟢	0 🔴	20 🔴
time.ts	0 🔴	100 🟢	0 🔴	0 🔴
inverter.ts	12.5 🔴	0 🔴	0 🔴	12.5 🔴
isIP.ts	25 🔴	0 🔴	0 🔴	33.33 🔴
validation.ts	12.5 🔴	0 🔴	0 🔴	12.5 🔴
src/types/opendtu
state.ts	100 🟢	100 🟢	100 🟢	100 🟢
control.ts	100 🟢	100 🟢	100 🟢	100 🟢
settings.ts	100 🟢	100 🟢	100 🟢	100 🟢
src/hooks
useAppLanguage.ts	33.33 🔴	0 🔴	0 🔴	50 🔴
useHasLiveData.ts	10.34 🔴	0 🔴	0 🔴	10.34 🔴
useOrientation.ts	14.28 🔴	0 🔴	0 🔴	14.28 🔴
useEnhancedLog.ts	16.66 🔴	0 🔴	0 🔴	20 🔴
useLivedata.ts	12.5 🔴	0 🔴	0 🔴	12.5 🔴
useHasNewAppVersion.ts	9.09 🔴	0 🔴	0 🔴	11.11 🔴
useDeviceIndex.ts	33.33 🔴	100 🟢	0 🔴	50 🔴
useDtuState.ts	25 🔴	0 🔴	0 🔴	25 🔴
useHasAuthConfigured.tsx	33.33 🔴	0 🔴	0 🔴	33.33 🔴
useHasNewOpenDtuVersion.ts	7.14 🔴	0 🔴	0 🔴	7.69 🔴
useInverterDevice.ts	20 🔴	0 🔴	0 🔴	20 🔴
useEventLog.ts	20 🔴	0 🔴	0 🔴	20 🔴
useFirmwareDependantFeature.ts	18.18 🔴	0 🔴	0 🔴	20 🔴
useGridProfile.ts	20 🔴	0 🔴	0 🔴	20 🔴
useInverterLimits.ts	20 🔴	0 🔴	0 🔴	20 🔴
useInverterPowerData.ts	20 🔴	0 🔴	0 🔴	20 🔴
useMemoWithInterval.ts	8.33 🔴	0 🔴	0 🔴	10 🔴
useIsConnected.ts	25 🔴	0 🔴	0 🔴	25 🔴
useTriedToConnect.ts	25 🔴	0 🔴	0 🔴	25 🔴
useRequireMultiplePresses.ts	7.69 🔴	0 🔴	0 🔴	7.69 🔴
useSettings.ts	33.33 🔴	100 🟢	0 🔴	50 🔴
useDtuSettings.ts	20 🔴	0 🔴	0 🔴	20 🔴
src/firmware
index.ts	13.33 🔴	0 🔴	0 🔴	13.33 🔴
src/api
opendtuapi.ts	0.16 🔴	0 🔴	0 🔴	0.16 🔴
ApiHandler.tsx	4.25 🔴	0 🔴	0 🔴	4.34 🔴
src/components/styled
StyledSurface.tsx	33.33 🔴	0 🔴	0 🔴	33.33 🔴
StyledListItem.tsx	50 🔴	0 🔴	0 🔴	50 🔴
StyledTextInput.tsx	100 🟢	100 🟢	100 🟢	100 🟢
SettingsSurface.tsx	44.44 🔴	0 🔴	0 🔴	44.44 🔴
src/components/Charts
UnifiedLineChart.tsx	3.09 🔴	0 🔴	0 🔴	3.19 🔴
AcPowerChart.tsx	14.28 🔴	0 🔴	0 🔴	14.28 🔴
DcPowerChart.tsx	14.28 🔴	0 🔴	0 🔴	14.28 🔴
DcVoltageChart.tsx	14.28 🔴	0 🔴	0 🔴	14.28 🔴
ImportantCharts.tsx	3.12 🔴	0 🔴	0 🔴	3.44 🔴
src/database
prometheus.ts	1.33 🔴	0 🔴	0 🔴	1.42 🔴
index.tsx	9.19 🔴	0 🔴	0 🔴	9.63 🔴
src/github
index.tsx	55.55 🟠	100 🟢	0 🔴	71.42 🟡
FetchHandler.tsx	4.54 🔴	0 🔴	0 🔴	4.87 🔴
src/components/modals
AppChangelogModal.tsx	4.76 🔴	0 🔴	0 🔴	4.87 🔴
AppOfflineModal.tsx	25 🔴	100 🟢	0 🔴	25 🔴
EnableAppUpdatesModal.tsx	7.69 🔴	100 🟢	0 🔴	7.69 🔴
EnableFetchOpenDtuUpdatesModal.tsx	7.69 🔴	100 🟢	0 🔴	7.69 🔴
LogExtensionModal.tsx	7.69 🔴	0 🔴	0 🔴	9.09 🔴
LogLevelModal.tsx	16.66 🔴	100 🟢	0 🔴	16.66 🔴
ChangeCustomNameModal.tsx	4.16 🔴	0 🔴	0 🔴	4.34 🔴
ChangeOpendtuCredentialsModal.tsx	4.25 🔴	0 🔴	0 🔴	4.44 🔴
ChangeServerUrlModal.tsx	5.26 🔴	0 🔴	0 🔴	5.88 🔴
ConfirmDeleteDeviceModal.tsx	7.14 🔴	100 🟢	0 🔴	7.14 🔴
ChangeGraphRefreshIntervalModal.tsx	9.09 🔴	0 🔴	0 🔴	10 🔴
TimeRangeLastNSecondsModal.tsx	11.76 🔴	0 🔴	0 🔴	12.5 🔴
AddDatabaseModal.tsx	4.34 🔴	0 🔴	0 🔴	4.34 🔴
ManageDatabaseModal.tsx	2.56 🔴	0 🔴	0 🔴	2.7 🔴
GenericRefreshModal.tsx	11.11 🔴	100 🟢	0 🔴	11.11 🔴
InstallAssetModal.tsx	2.4 🔴	0 🔴	0 🔴	2.4 🔴
SelectFirmwareModal.tsx	3.84 🔴	0 🔴	0 🔴	4.16 🔴
LimitConfigModal.tsx	5 🔴	0 🔴	0 🔴	5.08 🔴
PowerConfigModal.tsx	8.57 🔴	0 🔴	0 🔴	8.82 🔴
ChangeLanguageModal.tsx	9.09 🔴	0 🔴	0 🔴	9.09 🔴
ChangeThemeModal.tsx	10.52 🔴	0 🔴	0 🔴	11.11 🔴
ChangeEnumValueModal.tsx	3.44 🔴	0 🔴	0 🔴	3.44 🔴
ChangeTextValueModal.tsx	4.34 🔴	0 🔴	0 🔴	4.34 🔴
ChangeBooleanValueModal.tsx	3.33 🔴	0 🔴	0 🔴	3.33 🔴
NTPChangeTimezoneModal.tsx	3.03 🔴	0 🔴	0 🔴	3.17 🔴
src/components/logging
LogLine.tsx	40 🔴	100 🟢	0 🔴	40 🔴
src/views/navigation/screens/DebugGroup
AppLogScreen.tsx	7.69 🔴	0 🔴	0 🔴	7.69 🔴
DebugColorsScreen.tsx	20 🔴	0 🔴	0 🔴	20 🔴
DebugScreen.tsx	2.12 🔴	0 🔴	0 🔴	2.12 🔴
src/components/devices
DeviceListItem.tsx	4.76 🔴	0 🔴	0 🔴	5.55 🔴
DeviceList.tsx	20 🔴	100 🟢	0 🔴	25 🔴
MDNSScanItem.tsx	5 🔴	0 🔴	0 🔴	5.12 🔴
MDNSScan.tsx	5.12 🔴	0 🔴	0 🔴	5.4 🔴
src/views/navigation/screens/DeviceGroup
DeviceListScreen.tsx	7.14 🔴	0 🔴	0 🔴	7.14 🔴
DeviceSettingsScreen.tsx	1.4 🔴	0 🔴	0 🔴	1.58 🔴
src/views/navigation/screens/GraphsGroup
ConfigureGraphsScreen.tsx	1.16 🔴	0 🔴	0 🔴	1.29 🔴
ManageDatabasesScreen.tsx	5.55 🔴	0 🔴	0 🔴	5.88 🔴
SelectDatabaseScreen.tsx	4 🔴	0 🔴	0 🔴	4.16 🔴
src/views/navigation/screens/InformationGroup
AboutAppScreen.tsx	3.33 🔴	0 🔴	0 🔴	3.33 🔴
FirmwareListScreen.tsx	2.56 🔴	0 🔴	0 🔴	2.7 🔴
LicensesScreen.tsx	15.38 🔴	0 🔴	0 🔴	15.38 🔴
MqttInformationScreen.tsx	5.88 🔴	0 🔴	0 🔴	6.25 🔴
NetworkInformationScreen.tsx	5 🔴	0 🔴	0 🔴	5.55 🔴
NtpInformationScreen.tsx	11.11 🔴	0 🔴	0 🔴	12.5 🔴
SystemInformationScreen.tsx	3.22 🔴	0 🔴	0 🔴	3.5 🔴
src/components/firmware
FirmwareListItem.tsx	10 🔴	0 🔴	0 🔴	10.34 🔴
src/views/navigation/screens/InverterGroup
InverterDataScreen.tsx	8.69 🔴	0 🔴	0 🔴	9.52 🔴
InverterDeviceInfoScreen.tsx	5.55 🔴	0 🔴	0 🔴	5.88 🔴
InverterEventLogScreen.tsx	7.69 🔴	0 🔴	0 🔴	8 🔴
InverterGridProfileScreen.tsx	5.71 🔴	0 🔴	0 🔴	6.06 🔴
InverterInfoScreen.tsx	3.75 🔴	0 🔴	0 🔴	3.84 🔴
src/views/navigation/tabs
GraphTab.tsx	33.33 🔴	100 🟢	0 🔴	33.33 🔴
InverterListTab.tsx	33.33 🔴	100 🟢	0 🔴	33.33 🔴
LivedataTab.tsx	33.33 🔴	100 🟢	0 🔴	33.33 🔴
MainSettingsTab.tsx	1.13 🔴	0 🔴	0 🔴	1.26 🔴
src/components/inverters
InverterListItem.tsx	2.27 🔴	0 🔴	0 🔴	2.43 🔴
InverterList.tsx	6.66 🔴	0 🔴	0 🔴	7.14 🔴
src/views/navigation
NavigationTabs.tsx	33.33 🔴	0 🔴	0 🔴	42.85 🔴
NavigationStack.tsx	40 🔴	0 🔴	0 🔴	40 🔴
src/views/navigation/screens
MainScreen.tsx	15.38 🔴	0 🔴	0 🔴	15.38 🔴
src/views/navigation/screens/SettingsGroup
DtuSettingsScreen.tsx	2.41 🔴	0 🔴	0 🔴	2.43 🔴
NetworkSettingsScreen.tsx	0.79 🔴	0 🔴	0 🔴	0.8 🔴
NTPSettingsScreen.tsx	2.24 🔴	0 🔴	0 🔴	2.27 🔴
src/components/settings
NTPCurrentTimeComponents.tsx	5.88 🔴	0 🔴	0 🔴	5.88 🔴
src/views/navigation/screens/SetupGroup
SetupAddOpenDTUScreen.tsx	2.81 🔴	0 🔴	0 🔴	2.89 🔴
SetupAuthenticateOpenDTUInstanceScreen.tsx	3.07 🔴	0 🔴	0 🔴	3.12 🔴
SetupOpenDTUCompleteScreen.tsx	8.33 🔴	0 🔴	0 🔴	9.09 🔴