fix: Add Fixed Height and Scroll to Search Dialog Result (#88)

### Description
<!-- Please add PR description (don't leave blank) - example: This PR
[adds/removes/fixes/replaces] the [feature/bug/etc] -->

This PR adds a fixed height to the search dialog result in order to
enable scrolling when the content exceeds the screen/viewport height.

### Related Issue
<!-- Please prefix the issue number with Fixes/Resolves - example: Fixes
#123 or Resolves #123 -->

Fixes #77

### Screenshots/Screencasts
<!-- Please provide screenshots or video recording that demos your
changes (especially if it's a visual change) -->


![image](https://github.com/user-attachments/assets/b4fc8d7c-5ad8-47f9-ae0a-d5e66df37bc3)

### Notes to Reviewer
<!-- Please state here if you added a new npm packages, or any extra
information that can help reviewer better review you changes -->

---------

Co-authored-by: Olabode Lawal-Shittabey <babblebey@gmail.com>

Author: jomefavourite

src/components/islands/search.jsx

@@ -164,7 +164,7 @@ function SearchDialog() {
         className="absolute w-full h-full left-0 top-0 z-50 backdrop-blur-sm"
       />
 
-      <div className="flex flex-col bg-white h-fit max-w-5xl w-full shadow-xl z-50 border rounded-lg overflow-hidden"
+      <div className="flex flex-col bg-white h-fit max-w-5xl max-h-full w-full shadow-xl z-50 border rounded-lg overflow-hidden"
         onMouseMove={() => cursor !== -1 && setCursor(-1)}
       >
         {/* Form Field */}
@@ -222,7 +222,7 @@ function SearchResult({ result = [], cursor, searchTerm }) {
   const router = useRouter();
 
   return (
-    <div className="block w-full text-sm md:text-base">
+    <div className="block w-full text-sm md:text-base overflow-y-scroll scrollbar">
       {result.length < 1 && searchTerm.length >= 1 ? (
         /**
          * @todo add message suggesting adding/contributing the word to dictionary