docs: update doc site with find feature section

Author: lukecotter

lana-docs-site/docs/docs/features.md

@@ -2,14 +2,15 @@
 sidebar_position: 4
 ---
 
-# Features
+# ✨ Features
 
-- [**Timeline / Flame chart**](#timeline--flame-chart) - Gain a deep understanding of code execution over time via a timeline flame chart and tooltips to show additional information about events.
-- [**Call Tree**](#call-tree) - View the execution path in a tree view with aggregated DML Count, SOQL Count, Throws Count, Row Count, Self Time and Total Time. Apply filters to filter the events.
-- [**Analysis**](#analysis) - Quickly identify which methods took the most time in aggregate.
-- [**Database**](#database) - Identify which SOQL + DML executed the most, returned the most rows and took the most time.
+- 🔥 [**Timeline / Flame chart**](#timeline--flame-chart) - Gain a deep understanding of code execution over time via a timeline flame chart and tooltips to show additional information about events.
+- 🌳 [**Call Tree**](#call-tree) - View the execution path in a tree view with aggregated DML Count, SOQL Count, Throws Count, Row Count, Self Time and Total Time. Apply filters to filter the events.
+- 🧠 [**Analysis**](#analysis) - Quickly identify which methods took the most time in aggregate.
+- 💾 [**Database**](#database) - Identify which SOQL + DML executed the most, returned the most rows and took the most time.
+- 🔍 [**Find**](#find) - Find, highlight and step through matching text and log events on the Timeline, Call Tree, Analysis
 
-## Timeline / Flame chart
+## 🔥 Timeline / Flame chart
 
 The Timeline shows a visualization of code execution during a request’s execution. Each color represents a different Salesforce event type e.g DB, Method, SOQL etc. The length of a bar relates to realtime taken, a longer bar means that method took longer.
 
@@ -22,14 +23,6 @@ The Timeline shows a visualization of code execution during a request’s execut
 - Scroll left and right on the mouse to move the time line left are right, when zoomed
 - Click the mouse down and drag to move the timeline around both in the x and y direction, when zoomed
 
-### Find
-
-- CMD/CTRL + f to open find
-- Events with matching text are highlighted, there is a different highlight for the current match.
-- Previous match, next match and case sensitive search all supported.
-- If the next matching event is off screen that event will be centered on the timeline.
-- The find will match on Event Type or text in the event
-
 ### Go to Call Tree
 
 Clicking an event in the Timeline will go to and select that event in the Call Tree.
@@ -47,21 +40,14 @@ The tooltip provides the following information.\
 **Duration** - Made up of **Total Time** (time spent in that event and its children) and **Self Time** (time directly spent in that event).\
 **Rows** - Shows **Total Rows** (rows from that event and its children) and **Self Rows** (rows directly from that event).
 
-## Call Tree
+## 🌳 Call Tree
 
 Shows the call stack which can be expanded and collapsed. Clicking on a link will take you to that line in the class if it can be found in the current open project.
 
 ![Call Tree](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.14/lana-calltree.png)
 
 Each row shows event type, details such as method signature, self and total time as well as aggregated DML, SOQL, Throws and Row counts.
 
-### Find
-
-- CMD/CTRL + f to open find
-- Any matching text is highlighted, there is a different highlight for the current match.
-- Previous match, next match and case sensitive search all supported.
-- If the next matching text is within a parent that parent will be expanded.
-
 ### Go to Code
 
 Clicking the link in the event column will open the corresponding file and line, if that file exists in the current workspace.
@@ -81,19 +67,12 @@ Each column can be sorted by clicking the column header, this will sort the rows
 
 The Call Tree can be navigated with the keyboard. The up and down keys will move between rows, the left and right keys will expand and collapse a parent within the tree.
 
-## Analysis
+## 🧠 Analysis
 
 Show analysis of method calls by showing Self Time, Total Time, Count (number of times a method was called), name and type. Each column can be sorted ascending or descending by clicking the column header.
 
 ![analysis](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.14/lana-analysis.png)
 
-### Find
-
-- CMD/CTRL + f to open find
-- Any matching text is highlighted, there is a different highlight for the current match.
-- Previous match, next match and case sensitive search all supported.
-- If the next matching text is within a group that group will be expanded.
-
 ### Sort
 
 By default the Analysis table is sorted with the events that took the longest by Self Time at the top.\
@@ -115,21 +94,14 @@ The rows can be grouped by Type or Namespace
 Click the header menu,`⋮`, and use `Export to CSV` to save the table content to a file.
 Focus the Analysis table and use `CMD / CTRL + c` to copy the table content to clipboard. This can then be pasted into a spreadsheet or other file.
 
-## Database
+## 💾 Database
 
 Shows the SOQL and DML that occurred the number of rows returned, the time taken and for SOQL the selectivity and number of aggregations.
 
 ![database](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.14/lana-database.png)
 
 The _Selectivity_ column will have a green tick if the query is selective, a red cross if it is not and will be blank if the selectivity could not be determine. Sorting on this column will sort the rows by relative query cost, this number can be seen by hovering the cell on the selectivity column.
 
-### Find
-
-- CMD/CTRL + f to open find
-- Any matching text is highlighted, there is a different highlight for the current match.
-- Previous match, next match and case sensitive search all supported.
-- If the next matching text is within a group that group will be expanded.
-
 ### Sort
 
 The rows can be sorted ascending or descending by DML/SOQL, Row Count and Time Taken and by Selectivity and Aggregations on the SOQL table.
@@ -160,3 +132,31 @@ For SOQL rows, to the right of the Call Stack is SOQL Analysis which shows infor
 
 Click the header menu,`⋮`, and use `Export to CSV` to save the table content to a file.
 Focus the Analysis table and use `CMD / CTRL + c` to copy the table content to clipboard. This can then be pasted into a spreadsheet or other file.
+
+## 🔍 Find
+
+- CMD/CTRL + f to open find
+- Any matching text is highlighted, the current match has a lighter hightlight.
+- Previous match, next match and case sensitive search all supported.
+
+### Timeline
+
+- If the next matching event is off screen that event will be centered on the timeline.
+- The find will match on Event Type or text in the event
+- The tooltip is shown for the current matching event, making it easy to view the event details such as Total or Self time.
+
+![Timeline find](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.16/lana-timeline-find.png)
+
+### Call Tree
+
+- If the next matching text is within a parent that parent will be expanded.
+- The row with the current matching text will also be highlighted
+
+![Call Tree find](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.16/lana-calltree-find.png)
+
+### Analysis + Database
+
+- If the next matching text is within a group that group will be expanded.
+- The row with the current matching text will also be highlighted
+
+![Analysis find](https://raw.githubusercontent.com/certinia/debug-log-analyzer/main/lana/dist/v1.16/lana-analysis-find.png)