feat: add estrutura abas e novo hooks componente oportunidades

src/modules/Search/views/search/opportunity.php

@@ -7,6 +7,8 @@
     search-filter-opportunity
     search-list
     search-map
+    mc-tab
+    mc-tabs 
 ');
 
 $this->breadcrumb = [
@@ -24,16 +26,23 @@
         </create-opportunity>
     </template>
     <template #default="{pseudoQuery, entity}">
-        <div class="tabs-component__panels">
-            <div class="search__tabs--list">
-                <search-list :pseudo-query="pseudoQuery" type="opportunity" select="name,type,shortDescription,files.avatar,seals,terms,registrationFrom,registrationTo">
-                    <template #filter>
-
-
-                        <search-filter-opportunity :pseudo-query="pseudoQuery"></search-filter-opportunity>
-                    </template>
-                </search-list>
-            </div>
-        </div>
+        <mc-tabs class="search__tabs" sync-hash>
+            <template #before-tablist>
+                <label class="search__tabs--before">
+                    <?= i::_e('Visualizar como:') ?>
+                </label>
+            </template>
+            <?php $this->applyTemplateHook('search-tabs', 'before'); ?>
+            <mc-tab icon="list" label="<?php i::esc_attr_e('Lista') ?>" slug="list">
+                <div class="search__tabs--list">
+                    <search-list :pseudo-query="pseudoQuery" type="opportunity" select="name,type,shortDescription,files.avatar,seals,terms,registrationFrom,registrationTo">
+                        <template #filter>
+                            <search-filter-opportunity :pseudo-query="pseudoQuery"></search-filter-opportunity>
+                        </template>
+                    </search-list>
+                </div>
+            </mc-tab>
+            <?php $this->applyTemplateHook('search-tabs', 'after'); ?>
+        </mc-tabs>
     </template>
 </search>