Add filter guide to report

- Add filter guide to the report's HTML

mystik/report/report.html

@@ -429,6 +429,29 @@ <h2 data-content="name" class="font-semibold truncate sm:pr-20 mb-0"></h2>
                             <span data-id="timestamp-header">Completed March 9, 2023</span>
                         </div>
                     </div>
+
+                    <div class="text-gray-400 pt-6 text-sm space-y-1">
+                        <div>
+                            <i class="fa-solid fa-circle-info mr-1.5 flex-shrink-0"></i>
+                            Remember that several types of filters are supported in the search bar and each filter is case-sensitive.
+                        </div>
+                        <div>
+                            <i class="fa-solid fa-minus mr-1.5 flex-shrink-0"></i>
+                            To filter by finding name, use: <span class="monospace px-2 text-white select-all">name:finding name goes here</span>
+                        </div>
+                        <div>
+                            <i class="fa-solid fa-minus mr-1.5 flex-shrink-0"></i>
+                            To filter by file path, use: <span class="monospace px-2 text-white select-all">file:file path goes here</span>
+                        </div>
+                        <div>
+                            <i class="fa-solid fa-minus mr-1.5 flex-shrink-0"></i>
+                            To filter by value, use: <span class="monospace px-2 text-white select-all">value:value goes here</span>
+                        </div>
+                        <div>
+                            <i class="fa-solid fa-minus mr-1.5 flex-shrink-0"></i>
+                            To invert any of the above filters, add an exclamation mark: <span class="monospace px-2 text-white select-all">!value:value goes here</span>
+                        </div>
+                    </div>
                 </div>
             </div>
         </header>