change: using map() in dashboard to generate entries

.devcontainer/devcontainer.json

@@ -1,4 +1,5 @@
 {
   "image": "node:18-bullseye",
-  "remoteUser": "1000"
+  "remoteUser": "1000",
+  "appPort": [3000, "60888:3000"]
 }

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "remote.localPortHost": "allInterfaces"
+}

next.config.js

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  // images: {
+  //   loader: "custom"
+  // },
 }
 
 module.exports = nextConfig

pages/test.tsx

@@ -0,0 +1,30 @@
+import { NextPage } from "next";
+import {
+  Button,
+  Col,
+  Container,
+  OverlayTrigger,
+  Popover,
+} from "react-bootstrap";
+
+const popover = (
+  <Popover id="mypop">
+    <Popover.Header as="h3">Right Popover</Popover.Header>
+    <Popover.Body>My Something special.</Popover.Body>
+  </Popover>
+);
+
+const Test: NextPage = () => {
+  return (
+    <Container>
+      <Col>
+        <h3 className="display-3">Hello</h3>
+        <OverlayTrigger trigger="click" placement="right" overlay={popover}>
+          <Button variant="primary">Click to see.</Button>
+        </OverlayTrigger>
+      </Col>
+    </Container>
+  );
+};
+
+export default Test;