💄(frontend) add right margin to switch description for better spacing

Add margin between switch description text and toggle button to
improve visual breathing room and prevent text from appearing
cramped against interactive control element.

src/frontend/src/primitives/Field.tsx

@@ -259,6 +259,7 @@ export const Field = <T extends object>({
   }
 
   if (type === 'switch') {
+    const SWITCH_COMPONENT_WIDTH = '41px'
     return (
       <FieldWrapper {...props.wrapperProps}>
         <div
@@ -273,10 +274,11 @@ export const Field = <T extends object>({
         {description && (
           <Text
             variant="note"
-            wrap={'pretty'}
+            wrap={'balance'}
             className={css({
               textStyle: 'sm',
               marginBottom: '0.5rem',
+              marginRight: SWITCH_COMPONENT_WIDTH,
             })}
           >
             {description}