Hopefully increase performance + remove search limit

Client/Components/Layout/MainLayout.razor

@@ -13,4 +13,26 @@
     An unhandled error has occurred.
     <a href="" class="reload">Reload</a>
     <a class="dismiss">🗙</a>
-</div>
+</div>
+
+<script>
+    // This is very cursed, but it works
+    // I move all modals to the modal-root div
+    // also every time a modal is created, it is appended to the modal-root div
+    const modalRoot = document.getElementById('modal-root');
+    const pageRoot = document.querySelector('.page');
+    
+    const modals = document.querySelectorAll('.modal');
+    modals.forEach(modal => {
+        modalRoot.appendChild(modal);
+    });
+    
+    // listen for when a div is created with the class modal and move it to the modal-root div
+    const observer = new MutationObserver(function(mutations) {
+        const modals = document.querySelectorAll('.modal');
+        modals.forEach(modal => {
+            modalRoot.appendChild(modal);
+        });
+    });
+    observer.observe(pageRoot, { childList: true, subtree: true });
+</script>

Client/Components/ReplayViewer.razor

@@ -96,18 +96,6 @@
     <p>Oops! This component is missing a replay. Please report this to the developers.</p>
 }
 
-<script>
-    // This is very cursed, but it works
-    // I move the modal to the root of the document so it can be opened from anywhere
-    // this is because ReplayViewer may be rendered in a modal itself
-    // and modals can't be nested
-    var modals = document.querySelectorAll('.modal');
-    var modalRoot = document.getElementById('modal-root');
-    modals.forEach((modal) => {
-        modalRoot.appendChild(modal);
-    });
-</script>
-
 @code {
     [Parameter]
     public Shared.Models.Replay? Replay { get; set; }

Server/Api/ReplayController.cs

@@ -86,7 +86,7 @@ [FromQuery] string query
 
         var found = ReplayParser.SearchReplays(searchMode, query, _context);
         // Order found replays by date
-        found = found.OrderByDescending(r => r.Date ?? DateTime.MinValue).Take(32 * 3).ToList();
+        found = found.OrderByDescending(r => r.Date ?? DateTime.MinValue).Take(Constants.SearchLimit).ToList();
 
         return Ok(found);
     }

Shared/Constants.cs

@@ -0,0 +1,6 @@
+namespace Shared;
+
+public class Constants
+{
+    public const int SearchLimit = int.MaxValue;
+}