feat: Added viewer

viewer/components/own/takes-place.tsx

@@ -0,0 +1,16 @@
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
+
+export default function TakesPlace({string}: {string: string}) {
+   return (
+     <Card>
+      <CardHeader>
+        <CardTitle>Koná se</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <p className="text-sm text-slate-700 dark:text-slate-300">
+          {string}
+        </p>
+      </CardContent>
+    </Card>
+  );
+}