fix(app): preserve persisted theme styles after startup

Module-level style composites could materialize the temporary adaptive theme before persisted settings loaded. Keep Unistyles reads in render and guard against eager module-scope access.

packages/app/src/provider-usage/settings-section.tsx

@@ -55,7 +55,7 @@ function ProviderUsageBody({
 }) {
   if (view.kind === "loading") {
     return (
-      <View style={EMPTY_CARD_STYLE}>
+      <View style={[settingsStyles.card, styles.emptyCard]}>
         <Text style={styles.emptyText}>{providerUsageCopy.loading}</Text>
       </View>
     );
@@ -73,7 +73,7 @@ function ProviderUsageBody({
 
   if (view.payload.providers.length === 0) {
     return (
-      <View style={EMPTY_CARD_STYLE}>
+      <View style={[settingsStyles.card, styles.emptyCard]}>
         <Text style={styles.emptyText}>{providerUsageCopy.empty}</Text>
       </View>
     );
@@ -92,5 +92,3 @@ const styles = StyleSheet.create((theme) => ({
     fontSize: theme.fontSize.sm,
   },
 }));
-
-const EMPTY_CARD_STYLE = [settingsStyles.card, styles.emptyCard];