feat: add anchor link

uses link- prefix to not break existing embedding
closes #182

components/MonitorList.tsx

@@ -93,7 +93,7 @@ export default function MonitorList({
                 .sort((a, b) => group[groupName].indexOf(a.id) - group[groupName].indexOf(b.id))
                 .map((monitor) => (
                   <div key={monitor.id}>
-                    <Card.Section ml="xs" mr="xs">
+                    <Card.Section ml="xs" mr="xs" id={`link-${monitor.id}`}>
                       <MonitorDetail monitor={monitor} state={state} />
                     </Card.Section>
                   </div>

pages/index.tsx

@@ -29,7 +29,7 @@ export default function Home({
 
   // Specify monitorId in URL hash to view a specific monitor (can be used in iframe)
   const monitorId = window.location.hash.substring(1)
-  if (monitorId) {
+  if (monitorId && !monitorId.startsWith('link-')) {
     const monitor = monitors.find((monitor) => monitor.id === monitorId)
     if (!monitor || !state) {
       return <Text fw={700}>{t('Monitor not found', { id: monitorId })}</Text>