feat(QuotaSection): update button styles and text for refresh functionality

src/components/quota/QuotaSection.tsx

@@ -257,15 +257,21 @@ export function QuotaSection<TState extends QuotaStatusState, TData>({
         <div className={styles.headerActions}>
           <div className={styles.viewModeToggle}>
             <Button
-              variant={effectiveViewMode === 'paged' ? 'primary' : 'secondary'}
+              variant="secondary"
               size="sm"
+              className={`${styles.viewModeButton} ${
+                effectiveViewMode === 'paged' ? styles.viewModeButtonActive : ''
+              }`}
               onClick={() => setViewMode('paged')}
             >
               {t('auth_files.view_mode_paged')}
             </Button>
             <Button
-              variant={effectiveViewMode === 'all' ? 'primary' : 'secondary'}
+              variant="secondary"
               size="sm"
+              className={`${styles.viewModeButton} ${
+                effectiveViewMode === 'all' ? styles.viewModeButtonActive : ''
+              }`}
               onClick={() => {
                 if (filteredFiles.length > MAX_SHOW_ALL_THRESHOLD) {
                   setShowTooManyWarning(true);
@@ -280,13 +286,15 @@ export function QuotaSection<TState extends QuotaStatusState, TData>({
           <Button
             variant="secondary"
             size="sm"
+            className={styles.refreshAllButton}
             onClick={handleRefresh}
             disabled={disabled || isRefreshing}
             loading={isRefreshing}
-            title={t('quota_management.refresh_files_and_quota')}
-            aria-label={t('quota_management.refresh_files_and_quota')}
+            title={t('quota_management.refresh_all_credentials')}
+            aria-label={t('quota_management.refresh_all_credentials')}
           >
             {!isRefreshing && <IconRefreshCw size={16} />}
+            {t('quota_management.refresh_all_credentials')}
           </Button>
         </div>
       }