Changing Layout and adding new things (input, routes etc.)

src/app/utils/Section.tsx

@@ -0,0 +1,18 @@
+import { Calculator } from "./calculators/types";
+
+export default function Section({sectionName, Calculators, id} : {sectionName:string, Calculators:Calculator[], id:string}){
+    return(
+        <li>
+            <details>
+            <summary>{sectionName}</summary>
+            <ul>
+                {Calculators.map((e) => {
+                    return(
+                        <li><a key={e.id} href={`/calculate/${id}/${e.id}`}>{e.name}</a></li>
+                    )
+                })}
+            </ul>
+            </details>
+        </li>
+    )
+}