diff --git a/app/Http/Controllers/MediaController.php b/app/Http/Controllers/MediaController.php
index a530f5d..5003a76 100644
--- a/app/Http/Controllers/MediaController.php
+++ b/app/Http/Controllers/MediaController.php
@@ -3,8 +3,6 @@
 namespace App\Http\Controllers;
 
 use App\Helpers;
-use App\Jobs\ProcessMedia;
-use App\MediaService\MediaService;
 use App\Models\Media;
 use Illuminate\Http\Request;
 use Illuminate\Http\UploadedFile;
diff --git a/app/Jobs/ProcessMedia.php b/app/Jobs/ProcessMedia.php
deleted file mode 100644
index d2cad1f..0000000
--- a/app/Jobs/ProcessMedia.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<?php
-
-namespace App\Jobs;
-
-use App\Models\Media;
-use Illuminate\Bus\Queueable;
-use Illuminate\Contracts\Queue\ShouldQueue;
-use Illuminate\Foundation\Bus\Dispatchable;
-use Illuminate\Queue\InteractsWithQueue;
-use Illuminate\Queue\SerializesModels;
-use Illuminate\Support\Facades\Storage;
-
-class ProcessMedia implements ShouldQueue
-{
-    use Dispatchable, InteractsWithQueue, Queueable, SerializesModels;
-
-    /**
-     * File path
-     *
-     * @var String
-     */
-    public $file;
-
-    /**
-     * Create a new job instance.
-     *
-     * @param String $file The file path
-     */
-    public function __construct(string $file)
-    {
-        $this->file = $file;
-    }
-
-    /**
-     * Execute the job.
-     */
-    public function handle(): void
-    {
-        if(Storage::disk('temp')->exists($this->media->name)) {
-
-        }
-    }
-}
diff --git a/public/script.js b/public/script.js
index 982fa51..2b0d219 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1,6 +1,6 @@
 let SM = {
     alert: (title, text, type = 'info') =>{
-        data = {
+        const data = {
             position: 'top-end',
             timer: 7000,
             toast: true,
@@ -26,7 +26,7 @@ let SM = {
             }
         }
 
-        copyContent();
+        copyContent().then(r => { /* empty */});
     },
 
     updateBillingAddress: () => {
@@ -70,7 +70,7 @@ let SM = {
                         window.location.href = response.data.redirect;
                     }
                 })
-                .catch((error) => {
+                .catch(() => {
                     window.location.reload();
                 });
             }
@@ -96,7 +96,6 @@ let SM = {
         Swal.fire(data);
 
         const showError = (message) => {
-            failed = true;
             Swal.fire({
                 position: 'top',
                 icon: 'error',
@@ -104,7 +103,7 @@ let SM = {
                 html: message,
                 showConfirmButton: true,
                 confirmButtonColor: '#b91c1c',
-            }).then((result) => {
+            }).then(() => {
                 if(callback) {
                     callback({success: false});
                 }
@@ -132,9 +131,9 @@ let SM = {
             formData.append('filesize', file.size);
 
             if (start === 0) {
-                formData.append('filestart', true);
+                formData.append('filestart', 'true');
             } else {
-                formData.append('fileappend', true);
+                formData.append('fileappend', 'true');
             }
 
             if (title !== '') {
@@ -198,7 +197,7 @@ let SM = {
                 } else {
                     showError(response.data.message);
                 }
-            }).catch((error) => {
+            }).catch(() => {
                 showError('An error occurred while uploading the file.');
             });
         }
@@ -207,9 +206,14 @@ let SM = {
     },
 
     bytesToString: (bytes) => {
+        bytes = parseInt(bytes);
+        if (isNaN(bytes)) {
+            bytes = 0;
+        }
+
         const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
         if (bytes === 0) return '0 Bytes';
-        const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
+        const i = Math.floor(Math.log(bytes) / Math.log(1024));
         const size = parseFloat((bytes / Math.pow(1024, i)).toFixed(2));
         return size + ' ' + sizes[i];
     },
diff --git a/qodana.yaml b/qodana.yaml
index 630c7bd..01c64a6 100644
--- a/qodana.yaml
+++ b/qodana.yaml
@@ -30,3 +30,5 @@ php:
 
 #Specify Qodana linter for analysis (Applied in CI/CD pipeline)
 linter: jetbrains/qodana-php:latest
+exclude:
+  - name: HttpUrlsUsage
diff --git a/resources/js/editor/Box.js b/resources/js/editor/Box.js
index c6ddd51..9e996f8 100644
--- a/resources/js/editor/Box.js
+++ b/resources/js/editor/Box.js
@@ -29,7 +29,7 @@ export const Box = Node.create({
     defining: true,
 
     parseHTML() {
-        return this.options.types.map((type) => ({
+        return this.options.types.map((/* type */) => ({
             tag: 'div',
             getAttrs: (node) => {
                 // Extract the class attribute and find the type based on the class
diff --git a/resources/js/editor/TipTap.js b/resources/js/editor/TipTap.js
index 2f61d47..ef667fe 100644
--- a/resources/js/editor/TipTap.js
+++ b/resources/js/editor/TipTap.js
@@ -64,14 +64,14 @@ document.addEventListener('alpine:init', () => {
                         Box
                     ],
                     content: content,
-                    onCreate({editor}) {
+                    onCreate({/* editor */}) {
                         _this.updatedAt = Date.now()
                     },
                     onUpdate({editor}) {
                         _this.updatedAt = Date.now()
                         _this.content = editor.getHTML()
                     },
-                    onSelectionUpdate({editor}) {
+                    onSelectionUpdate({/* editor */}) {
                         _this.updatedAt = Date.now()
                     }
                 })
diff --git a/resources/js/media-picker.js b/resources/js/media-picker.js
index 339e13a..45bf934 100644
--- a/resources/js/media-picker.js
+++ b/resources/js/media-picker.js
@@ -86,6 +86,8 @@ const SMMediaPicker = {
                 Alpine.store('media').pagination = [];
                 Alpine.nextTick(() => {
                     Alpine.store('media').pagination = response.data.links;
+                }).then(r => {
+                    /* empty */
                 });
             })
         .catch(error => {
diff --git a/resources/views/admin/post/edit.blade.php b/resources/views/admin/post/edit.blade.php
index 2b21d35..c099771 100644
--- a/resources/views/admin/post/edit.blade.php
+++ b/resources/views/admin/post/edit.blade.php
@@ -23,7 +23,7 @@
                 </div>
                 <div class="flex-1">
                     <div class="flex-1">
-                        <x-ui.input type="datetime-local" label="Publish Date" name="published_at" value="{{ \App\Helpers::timestampNoSeconds($post->published_at ?? '') }}" onchange="updateStatus(event)" />
+                        <x-ui.input type="datetime-local" label="Publish Date" name="published_at" id="published_at" value="{{ \App\Helpers::timestampNoSeconds($post->published_at ?? '') }}" />
                     </div>
                 </div>
             </div>
@@ -71,4 +71,11 @@
             }
         }
     }
+
+    document.addEventListener('DOMContentLoaded', function() {
+        const publishedAt = document.getElementById('published_at');
+        if(publishedAt) {
+            publishedAt.addEventListener('change', updateStatus);
+        }
+    });
 </script>
diff --git a/resources/views/admin/user/edit.blade.php b/resources/views/admin/user/edit.blade.php
index 10acadd..d7fd97b 100644
--- a/resources/views/admin/user/edit.blade.php
+++ b/resources/views/admin/user/edit.blade.php
@@ -1,3 +1,5 @@
+@props(['user'])
+
 @php
     $billing_same_home = $user->home_address === $user->billing_address
         && $user->home_address2 === $user->billing_address2
diff --git a/resources/views/admin/workshop/edit.blade.php b/resources/views/admin/workshop/edit.blade.php
index da5029d..ade5634 100644
--- a/resources/views/admin/workshop/edit.blade.php
+++ b/resources/views/admin/workshop/edit.blade.php
@@ -83,13 +83,13 @@
                 </div>
                 <div class="flex-1">
                     <span x-show="registration==='link'">
-                        <x-ui.input label="Registration URL" name="registration_url" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" onchange="document.getElementById('registration_data').value = event.target.value" />
+                        <x-ui.input label="Registration URL" name="registration_url" id="registration_url" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" />
                     </span>
                     <span x-show="registration==='email'">
-                        <x-ui.input label="Registration Email" name="registration_email" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" onchange="document.getElementById('registration_data').value = event.target.value" />
+                        <x-ui.input label="Registration Email" name="registration_email" id="registration_email" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" />
                     </span>
                     <span x-show="registration==='message'">
-                        <x-ui.input label="Registration Message" name="registration_message" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" onchange="document.getElementById('registration_data').value = event.target.value" />
+                        <x-ui.input label="Registration Message" name="registration_message" id="registration_message" value="{{ $workshop->registration_data ?? '' }}" error="{{ $errors->first('registration_data') }}" />
                     </span>
                     <input type="hidden" name="registration_data" id="registration_data" value="{{ $workshop->registration_data ?? '' }}">
                 </div>
@@ -145,6 +145,22 @@
         }
     }
 
+    document.addEventListener('DOMContentLoaded', function() {
+        const elementIds = ['registration_url', 'registration_email', 'registration_message'];
+        const registrationElem = document.getElementById('registration_data');
+
+        if(registrationElem) {
+            elementIds.forEach(id => {
+                const elem = document.getElementById(id);
+                if (elem) {
+                    elem.addEventListener('change', function(event) {
+                        registrationElem.value = event.target.value;
+                    });
+                }
+            })
+        }
+    });
+
     /* Initalize */
     const elemPublishAt = document.getElementsByName('publish_at')[0];
     if(elemPublishAt && elemPublishAt.value === '') {
@@ -152,9 +168,4 @@
         document.getElementsByName('publish_at')[0].value = SM.toLocalISOString(publishAt);
     }
 
-    /* Remove seconds from dates if they exist */
-    // document.getElementsByName('starts_at')[0].value = document.getElementsByName('starts_at')[0].value.replace(/T(\d{2}:\d{2}):\d{2}$/, 'T$1');
-    // document.getElementsByName('ends_at')[0].value = document.getElementsByName('ends_at')[0].value.replace(/T(\d{2}:\d{2}):\d{2}$/, 'T$1');
-    // document.getElementsByName('publish_at')[0].value = document.getElementsByName('publish_at')[0].value.replace(/T(\d{2}:\d{2}):\d{2}$/, 'T$1');
-    // document.getElementsByName('closes_at')[0].value = document.getElementsByName('closes_at')[0].value.replace(/T(\d{2}:\d{2}):\d{2}$/, 'T$1');
 </script>
diff --git a/resources/views/components/container.blade.php b/resources/views/components/container.blade.php
index b7b1b01..f3f1526 100644
--- a/resources/views/components/container.blade.php
+++ b/resources/views/components/container.blade.php
@@ -1,3 +1,3 @@
-<div class="{{ twMerge('flex justify-center px-4', ($attributes->get('class') ?? '')) }}">
-    <div class="{{ twMerge('max-w-7xl w-full', ($attributes->get('inner-class') ?? '')) }}">{{ $slot }}</div>
+<div class="{{ twMerge(['flex','justify-center','px-4'], ($attributes->get('class') ?? '')) }}">
+    <div class="{{ twMerge(['max-w-7xl','w-full'], ($attributes->get('inner-class') ?? '')) }}">{{ $slot }}</div>
 </div>
diff --git a/resources/views/components/heading.blade.php b/resources/views/components/heading.blade.php
index 383962c..6ad89d2 100644
--- a/resources/views/components/heading.blade.php
+++ b/resources/views/components/heading.blade.php
@@ -1,16 +1,16 @@
 @php
-$id = Str::slug($slot);
-$uri = url()->current() . '#' . $id;
+    $id = \Illuminate\Support\Str::slug($slot);
+    $uri = url()->current() . '#' . $id;
 @endphp
 
-    <a
-        id={{ $id }}
-        class="{{ twMerge('inline-block text-lg font-semibold my-3', $class ?? '') }}"
-        x-data="{ show: false, uri: '{{ $uri }}' }"
-        @mouseover="show = true"
-        @mouseout="show = false"
-        @click="SM.copyToClipboard('{{ $uri }}')"
-    >
-        {{ $slot }}
-        <span x-show="show" class="text-primary-color-light pl-2">#</span>
-    </a>
+<a
+    id={{ $id }}
+        class="{{ twMerge(['inline-block','text-lg','font-semibold my-3'], $class ?? '') }}"
+    x-data="{ show: false, uri: '{{ $uri }}' }"
+    @mouseover="show = true"
+    @mouseout="show = false"
+    @click="SM.copyToClipboard('{{ $uri }}')"
+>
+    {{ $slot }}
+    <span x-show="show" class="text-primary-color-light pl-2">#</span>
+</a>
diff --git a/resources/views/components/ui/checkbox.blade.php b/resources/views/components/ui/checkbox.blade.php
index 8eb5552..3972a54 100644
--- a/resources/views/components/ui/checkbox.blade.php
+++ b/resources/views/components/ui/checkbox.blade.php
@@ -17,7 +17,7 @@
 
 <div class="mb-4">
     <div class="flex items-center">
-        <input class="{{ twMerge('bg-white mt-1 h-8 w-8 rounded-lg border border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer border-gray-300 focus:border-indigo-300 focus:ring-indigo-300', $classes ?? '') }}" type="checkbox" {{ $checked ? 'checked' : '' }} id="{{ $name }}" name="{{ $name }}" {{ $attributes }} />
+        <input class="{{ twMerge(['bg-white','mt-1','h-8','w-8','rounded-lg','border','border-gray-300','appearance-none','focus:outline-none','focus:ring-0','focus:border-blue-600','peer','focus:ring-indigo-300'], $classes ?? '') }}" type="checkbox" {{ $checked ? 'checked' : '' }} id="{{ $name }}" name="{{ $name }}" {{ $attributes }} />
         <label for="{{ $name }}" class="text-sm pl-2 pt-1">{{ $label }}</label>
     </div>
 </div>
diff --git a/resources/views/components/ui/file.blade.php b/resources/views/components/ui/file.blade.php
index ffe24d7..dbed72c 100644
--- a/resources/views/components/ui/file.blade.php
+++ b/resources/views/components/ui/file.blade.php
@@ -6,7 +6,7 @@
     $readonly = filter_var($readonly, FILTER_VALIDATE_BOOLEAN);
 @endphp
 
-<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
+<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
     <div class="text-sm pl-1">{{ $label }}</div>
     <div class="flex flex-col align-middle items-center">
         <i id="{{ $name }}_placeholder" class="fa-regular fa-image text-9xl text-gray-400"></i>
@@ -25,7 +25,7 @@
     @endif
     </div>
     @if (!$readonly)
-        <input class="hidden" value="" type="file" name="{{ $name }}" id="{{ $name }}" onchange="updatePreview(event)" />
+        <input class="hidden" value="" type="file" name="{{ $name }}" id="{{ $name }}" />
     @endif
 {{--    <input class="hidden" type="text" id="{{ $name }}" name="{{ $name }}"></input>--}}
 </div>
@@ -69,6 +69,13 @@
         reader.readAsDataURL(file);
     }
 
+    document.addEventListener('DOMContentLoaded', function() {
+        const fileInput = document.getElementById('{{ $name }}');
+        if(fileInput) {
+            fileInput.addEventListener('change', updatePreview);
+        }
+    });
+
     if('{{ $fileName }}' !== '' && '{{ $fileSize }}' !== '' && '{{ $fileType }}' !== '' && '{{ $fileUrl }}' !== '') {
         updateDetails('{{ $fileName }}', '{{ $fileType }}', '{{ $fileSize }}', '{{ $fileUrl }}');
     } else if('{{ $value }}' !== '') {
diff --git a/resources/views/components/ui/filelist.blade.php b/resources/views/components/ui/filelist.blade.php
index 8490dde..bbcb687 100644
--- a/resources/views/components/ui/filelist.blade.php
+++ b/resources/views/components/ui/filelist.blade.php
@@ -8,7 +8,7 @@
 @endphp
 
 @if($value !== '' || $editor === true)
-<div x-data class="{{ twMerge('mb-4', $attributes->get('class')) }}" x-show="$store.files.length > 0 || {{ $editor === true ? 'true' : 'false' }}">
+<div x-data class="{{ twMerge(['mb-4'], $attributes->get('class')) }}" x-show="$store.files.length > 0 || {{ $editor === true ? 'true' : 'false' }}">
     <h3 class="text-xl font-semibold">{{ $label }}</h3>
     <ul x-show="$store.files.length > 0" class="flex flex-col bg-white p-4 border border-gray-300 rounded-lg gap-4 mt-2">
         <template x-for="file in $store.files" :key="file.name">
diff --git a/resources/views/components/ui/gallery.blade.php b/resources/views/components/ui/gallery.blade.php
index be422c6..09afca6 100644
--- a/resources/views/components/ui/gallery.blade.php
+++ b/resources/views/components/ui/gallery.blade.php
@@ -8,7 +8,7 @@
 @endphp
 
 @if($value !== '' || $editor === true)
-<div x-data class="{{ twMerge('mb-4', $attributes->get('class')) }}">
+<div x-data class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
     @if($editor === true)
         <h3 class="text-xl font-semibold">{{ $label }}</h3>
         <p class="text-xs italic" x-text="$store.gallery.length + ' Image' + ($store.gallery.length !== 1 ? 's' : '')"></p>
diff --git a/resources/views/components/ui/image-hero.blade.php b/resources/views/components/ui/image-hero.blade.php
index 33ebe58..5739035 100644
--- a/resources/views/components/ui/image-hero.blade.php
+++ b/resources/views/components/ui/image-hero.blade.php
@@ -1,6 +1,6 @@
 @props(['image'])
 
-<div class="{{twMerge('relative w-full h-96 flex items-center justify-center bg-cover bg-center rounded-3xl overflow-hidden', $attributes->get('class'))}}">
+<div class="{{twMerge(['relative','w-full','h-96','flex','items-center','justify-center','bg-cover','bg-center','rounded-3xl','overflow-hidden'], $attributes->get('class'))}}">
     <div class="blur bg-cover bg-center absolute top-0 left-0 w-full h-full opacity-50" style="background-image: url('{{ $image }}?lg')"></div>
     <img src="{{ $image }}?lg" class="h-full z-0" />
 </div>
diff --git a/resources/views/components/ui/input.blade.php b/resources/views/components/ui/input.blade.php
index f283cc5..335e0d1 100644
--- a/resources/views/components/ui/input.blade.php
+++ b/resources/views/components/ui/input.blade.php
@@ -10,31 +10,31 @@
     $value = old($name, $value);
 @endphp
 
-<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
+<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
     @if($floating)
         <div class="relative">
             @if($type === 'textarea')
-                <textarea class="{{ twMerge('pt-4', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
+                <textarea class="{{ twMerge(['pt-4'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
             @else
-                <input class="{{ twMerge('pt-4', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
+                <input class="{{ twMerge(['pt-4'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
             @endif
             <label for="{{ $name }}" class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto start-1">{{ $label }}</label>
         </div>
     @elseif($noLabel)
         <div class="relative">
             @if($type === 'textarea')
-                <textarea class="{{ twMerge('pt-2.5', $classes) }}" name="{{ $name }}" placeholder="{{ $label }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
+                <textarea class="{{ twMerge(['pt-2.5'], $classes) }}" name="{{ $name }}" placeholder="{{ $label }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }}>{{ $value }}</textarea>
             @else
-                <input class="{{ twMerge('pt-2.5', $classes) }}" autocomplete="off" placeholder="{{ $label }}" value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
+                <input class="{{ twMerge(['pt-2.5'], $classes) }}" autocomplete="off" placeholder="{{ $label }}" value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
             @endif
         </div>
     @else
         <div>
             <label for="{{ $name }}" class="block text-sm pl-1">{{ $label }}{!! isset($labelNotice) && $labelNotice !== '' ? '<i class="fa-solid fa-triangle-exclamation ml-1 text-gray-500 hover:text-black" data-tooltip="' . $labelNotice . '"></i>' : '' !!}</label>
             @if($type === 'textarea')
-                <textarea class="{{ twMerge('pt-2.5 mt-1 h-96', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->whereDoesntStartWith('x-') }}>{{ $value }}</textarea>
+                <textarea class="{{ twMerge(['pt-2.5','mt-1','h-96'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->whereDoesntStartWith('x-') }}>{{ $value }}</textarea>
             @else
-                <input class="{{ twMerge('pt-2.5 mt-1', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
+                <input class="{{ twMerge(['pt-2.5','mt-1'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
             @endif
         </div>
     @endif
diff --git a/resources/views/components/ui/media.blade.php b/resources/views/components/ui/media.blade.php
index 61e7a73..7916bcf 100644
--- a/resources/views/components/ui/media.blade.php
+++ b/resources/views/components/ui/media.blade.php
@@ -4,7 +4,7 @@
     $hasError = $errors->has($name);
 @endphp
 
-<div class="{{ twMerge('mb-4', $attributes->get('class')) }}">
+<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }}">
     <div class="text-sm pl-1">{{ $label }}</div>
     <div class="flex flex-col align-middle items-center">
         <i id="{{ $name }}_placeholder" class="fa-regular fa-image text-9xl text-gray-400"></i>
@@ -27,8 +27,6 @@
     function updateMedia(name, value) {
         document.getElementById(name).value = value;
         SM.mediaDetails(value, (details) => {
-            const extension = details.name.split('.').pop();
-
             document.getElementById(name + '_name').innerText = details.name;
             document.getElementById(name + '_size').innerText = SM.bytesToString(details.size);
 
diff --git a/resources/views/components/ui/select.blade.php b/resources/views/components/ui/select.blade.php
index 9d624d1..4c14629 100644
--- a/resources/views/components/ui/select.blade.php
+++ b/resources/views/components/ui/select.blade.php
@@ -5,20 +5,20 @@
     $value = old($name, $value);
 @endphp
 
-<div class="{{ twMerge('mb-4', $attributes->get('class')) }} {{ $attributes->only('x-show') }}">
+<div class="{{ twMerge(['mb-4'], $attributes->get('class')) }} {{ $attributes->only('x-show') }}">
     @if($floating)
         <div class="relative">
             @if($type === 'textarea')
-                <textarea class="{{ twMerge('pt-4', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>{{ $value }}</textarea>
+                <textarea class="{{ twMerge(['pt-4'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>{{ $value }}</textarea>
             @else
-                <input class="{{ twMerge('pt-4', $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
+                <input class="{{ twMerge(['pt-4'], $classes) }}" autocomplete="off" placeholder=" " value="{{ $value }}" type="{{ $type }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes }} />
             @endif
             <label for="{{ $name }}" class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto start-1">{{ $label }}</label>
         </div>
     @else
         <div class="relative">
             <label for="{{ $name }}" class="block text-sm pl-1">{{ $label }}</label>
-            <select class="{{ twMerge('pt-2.5', $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>
+            <select class="{{ twMerge(['pt-2.5'], $classes) }}" name="{{ $name }}" {{ $readonly ? 'readonly' : '' }} {{ $attributes->except(['x-show','style']) }}>
                 {{ $slot }}
             </select>
             <i class="fa-solid fa-caret-down absolute text-gray-700 text-2xl right-3 bottom-1.5"></i>