fix(frontend): fix text alignement, email input before icon and fix m… (#3561)

* fix(frontend): fix text alignement, email input before icon and fix modal/drawer z-index

* fix(frontend): fix text alignement, email input before icon and fix modal/drawer z-index

frontend/src/lib/components/apps/components/display/AppText.svelte

@@ -204,7 +204,7 @@
 				{:else}
 					<!-- svelte-ignore a11y-click-events-have-key-events -->
 					<div
-						class="flex flex-wrap gap-2 pb-0.5 {$mode === 'dnd' &&
+						class="flex flex-wrap gap-2 pb-0.5 w-full {$mode === 'dnd' &&
 						(componentInput?.type == 'template' || componentInput?.type == 'templatev2')
 							? 'cursor-text'
 							: ''}"
@@ -212,7 +212,7 @@
 						<svelte:element
 							this={component}
 							class={twMerge(
-								'whitespace-pre-wrap',
+								'whitespace-pre-wrap w-full',
 
 								css?.text?.class,
 								classes,

frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte

@@ -196,7 +196,7 @@
 					<input
 						class={twMerge(
 							classInput,
-							resolvedConfig.beforeIcon != undefined ? '!pl-8' : '',
+							resolvedConfig.beforeIcon ? '!pl-8' : '',
 							resolvedConfig.afterIcon ? '!pr-8' : ''
 						)}
 						style={css?.input?.style ?? ''}