fix(website): add links

packages/website/guides/setup.mdx

@@ -82,9 +82,8 @@ Cannon’s **command-line interface** (CLI) allows users to deploy, upgrade, and
 
 Now that you have successfully installed Cannon, you can start building your blockchain applications! Here are some resources to help you get started:
 
-* **Tutorials:** [Link to Cannon tutorials]
-* **Examples:** [Link to Cannon example projects]
-* **Documentation:** [Link to Cannon documentation]
+* [**Examples**](https://github.com/usecannon/cannon/tree/dev/examples)
+* [**Documentation**](https://usecannon.com/learn/cannonfile)
 
 ### Troubleshooting
 

packages/website/src/components/ui/tooltip.tsx

@@ -23,7 +23,7 @@ const TooltipContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        'z-50 overflow-hidden rounded-md  bg-hover border-border bg-black px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        'z-[1500] overflow-hidden rounded-md  bg-hover border-border bg-black px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className
       )}
       {...props}

packages/website/src/features/Search/PackageCard/DataTable.tsx

@@ -8,7 +8,11 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
-import { ArrowRightIcon, CaretSortIcon } from '@radix-ui/react-icons';
+import {
+  ArrowRightIcon,
+  CaretSortIcon,
+  QuestionMarkCircledIcon,
+} from '@radix-ui/react-icons';
 import {
   useReactTable,
   flexRender,
@@ -135,13 +139,27 @@ export function DataTable<Data extends object>({
                         <Button
                           variant="ghost"
                           onClick={header.column.getToggleSortingHandler()}
-                          className="h-8 px-2 -ml-2"
+                          className="h-8 px-2 -ml-2 inline-flex items-center justify-center"
                         >
                           {flexRender(
                             header.column.columnDef.header,
                             header.getContext()
                           )}
                           <CaretSortIcon className="ml-2 h-4 w-4" />
+                          {header.column.columnDef.accessorKey == 'preset' && (
+                            <TooltipProvider>
+                              <Tooltip>
+                                <TooltipTrigger>
+                                  <QuestionMarkCircledIcon className="inline-block whitespace-nowrap align-sub" />
+                                </TooltipTrigger>
+                                <TooltipContent className="max-w-sm text-center">
+                                  Presets are useful for distinguishing multiple
+                                  deployments of the same protocol on the same
+                                  chain.
+                                </TooltipContent>
+                              </Tooltip>
+                            </TooltipProvider>
+                          )}
                         </Button>
                       ) : (
                         flexRender(