feat(quest-page): add auto expand and tab filters (#1168)

* tech(quests): remove QuestsSummaryTableWrapper and implement directly in page

* feat(quest-page): add filtering

* tech(quest-page): add loading for quest state

* tech(quest-page): remove tab changes

* tech(quest-page): add details styles

* tech(quest-page): 3 row columns when a quest is selected

* tech(quest-page): compare with visibleQuestId for border

* tech(quest-page): add loading container

* tech(quest-page): add missing styles

* fix(quest-page): use searchFilteredQuests for suggested titles

src/frontend/screens/Quests/index.module.scss

@@ -1,3 +1,5 @@
+@import '@hyperplay/ui/utilities/_variables.scss';
+
 .root {
   display: grid;
   grid-template-columns: 1fr auto;
@@ -35,11 +37,38 @@
   width: 800px;
   max-width: unset !important;
 
+  background-color: var(--color-neutral-800);
+  border: none;
+
   @media (max-width: 1300px) {
     width: 540px;
   }
 }
 
+.tableContainer {
+  background-color: var(--color-neutral-800);
+  overflow-y: hidden;
+}
+
+.questSelectedLayout {
+  @include for-big-desktop-up {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+.loadingContainer {
+  padding: var(--space-2lg);
+  height: 100%;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.loadingSpinner {
+  font-size: var(--text-3xl);
+}
+
 .toast {
   position: fixed;
   bottom: 24px;