feat: add padding to scripts pane ui

lib/widgets/scripts_editor_pane.dart

@@ -23,17 +23,15 @@ class _ScriptsEditorPaneState extends ConsumerState<ScriptsEditorPane> {
   @override
   Widget build(BuildContext context) {
     final settings = ref.watch(settingsProvider);
-    return Container(
+    return Padding(
-      decoration: BoxDecoration(
+      padding: kPt5o10,
-        borderRadius: BorderRadius.circular(9),
-        color: Theme.of(context).colorScheme.surfaceContainerLowest,
-      ),
       child: CodeTheme(
         data: CodeThemeData(
           styles: settings.isDark ? monokaiTheme : xcodeTheme,
         ),
         child: SingleChildScrollView(
           child: CodeField(
+            minLines: 35,
             readOnly: widget.readOnly,
             smartDashesType: SmartDashesType.enabled,
             smartQuotesType: SmartQuotesType.enabled,
@@ -50,6 +48,13 @@ class _ScriptsEditorPaneState extends ConsumerState<ScriptsEditorPane> {
             textStyle: kCodeStyle.copyWith(
               fontSize: Theme.of(context).textTheme.bodyMedium?.fontSize,
             ),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(9),
+              border: Border.all(
+                color: Theme.of(context).colorScheme.surfaceContainerHighest,
+              ),
+              color: Theme.of(context).colorScheme.surfaceContainerLowest,
+            ),
           ),
         ),
       ),