feat: search functionality

src/app/tools/session/page.css.ts

@@ -1,4 +1,5 @@
 import { style } from '@vanilla-extract/css';
+import { theme } from '../../../stitches.config';
 
 export const toolBar = style({
   '@media': {
@@ -12,7 +13,7 @@ export const toolBar = style({
   gap: 8,
 });
 
-export const button = style({
+export const toolbarButton = style({
   '@media': {
     'screen and (min-width: 640px)': {
       flex: 0,
@@ -21,3 +22,19 @@ export const button = style({
 
   flex: 1,
 });
+
+export const searchButton = style({
+  border: 'none',
+  background: 'none',
+  fontSize: 16,
+  display: 'flex',
+  padding: 8,
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  cursor: 'pointer',
+
+  ':hover': {
+    backgroundColor: theme.colors.componentInteractiveHover,
+    borderRadius: 4,
+  },
+});