Dummy requests in sidebar

src-web/App.tsx

@@ -70,7 +70,9 @@ function App() {
         <Sidebar />
         <Grid cols={2}>
           <VStack className="w-full">
-            <HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5"></HStack>
+            <HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5">
+              Test Request
+            </HStack>
             <VStack className="pl-3 px-1.5 py-3" space={3}>
               <UrlBar
                 method={method}

src-web/components/Sidebar.tsx

@@ -19,10 +19,14 @@ export function Sidebar({ className, ...props }: Props) {
         <IconButton size="sm" icon="sun" onClick={toggleTheme} />
       </HStack>
       <ul className="mx-2 py-2">
-        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => (
-          <li key={i}>
-            <Button className="w-full" size="sm" justify="start">
-              Hello {i}
+        {['Test Request', 'Another Request', 'Something else', 'And Another'].map((v, i) => (
+          <li key={v}>
+            <Button
+              className={classnames('w-full', i === 0 && 'bg-gray-50')}
+              size="sm"
+              justify="start"
+            >
+              {v}
             </Button>
           </li>
         ))}