fix(ui): remove unnecessary line breaks in component templates for consistency

src/components/BuyerSteps/BuyConfirmedComponent.vue

@@ -89,9 +89,7 @@ onMounted(async () => {
       </span>
     </div>
     <div class="main-container">
-      <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white px-10 py-5 rounded-lg">
         <div>
           <p>Tokens recebidos</p>
           <p class="text-2xl text-gray-900">

src/components/BuyerSteps/BuyerSearchComponent.vue

@@ -251,9 +251,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
     </div>
     <form class="main-container" @submit="handleSubmit">
       <div class="backdrop-blur -z-10 w-full h-full"></div>
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg">
         <div class="flex justify-between sm:w-full items-center">
           <input
             type="number"
@@ -386,9 +384,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
         </div>
       </div>
 
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <input
           type="text"
           v-model="identification"

src/components/SellerSteps/SellerComponent.vue

@@ -185,9 +185,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         </div>
       </div>
       <!-- CPF or CNPJ input -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <input
           type="text"
           v-model="identification"
@@ -200,9 +198,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         />
       </div>
       <!-- Bank selection -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="relative">
           <input
             type="text"
@@ -235,9 +231,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         }}</span>
       </div>
       <!-- Account and Branch inputs -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="flex gap-4">
           <div class="flex-1">
             <input
@@ -262,9 +256,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         </div>
       </div>
       <!-- Account Type Selection -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="flex gap-4">
           <div class="flex-1">
             <select

src/components/SellerSteps/SendNetwork.vue

@@ -27,9 +27,7 @@ const props = defineProps({
       >
     </div>
     <div class="main-container">
-      <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white px-10 py-5 rounded-lg">
         <div>
           <p>Tokens ofertados</p>
           <p class="text-2xl text-gray-900">

src/components/ui/LoadingComponent.vue

@@ -16,9 +16,7 @@ const props = defineProps({
       </span>
     </div>
     <div class="main-container max-w-md">
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg">
         <div
           class="flex flex-col text-center justify-center w-full items-center p-2 px-3 rounded-3xl lg:min-w-fit gap-1"
         >