finish physical sample step

src/components/project/cards/VirtualSample.vue

@@ -0,0 +1,24 @@
+<template>
+  <Images v-if="images.length > 0" :step="step" :images="images" />
+</template>
+<script setup>
+import Images from "./Images.vue";
+import { computed } from "vue";
+const { step } = defineProps({ step: Object });
+
+const images = computed(() => {
+  return step.files?.dynamic?.map((track) => getFrontView(track));
+});
+
+function getFrontView(track) {
+  if (track.files.length === 1) return track.files[0];
+  const xMax = parseInt(
+    track.files[track.files.length - 1].name.split("_")[1].split(".")[0]
+  );
+  const xFrontView = (xMax + 1) / 2;
+  const extension = track.files[0].name.split(".")[1];
+  const frontViewName = "0_" + xFrontView + "." + extension;
+  const frontView = track.files.find((file) => file.name === frontViewName);
+  return frontView;
+}
+</script>