Add pgroup handling in dewars and enhance ShipmentDetails UI

Introduced a new `pgroups` attribute for dewars in the backend with schema and model updates. Modified the frontend to display `pgroups` as chips, integrate new visual icons for pucks and crystals, and enhance the UI/UX in `ShipmentDetails` and `DewarStepper` components. Added reusable SVG components for better modularity and design consistency.

backend/app/data/data.py

@@ -189,6 +189,7 @@ def generate_unique_id(length=16):
 dewars = [
     Dewar(
         id=1,
+        pgroups="p20001, p20002",
         dewar_name="Dewar One",
         dewar_type_id=1,
         dewar_serial_number_id=2,
@@ -204,6 +205,7 @@ dewars = [
     ),
     Dewar(
         id=2,
+        pgroups="p20001, p20002",
         dewar_name="Dewar Two",
         dewar_type_id=3,
         dewar_serial_number_id=1,
@@ -219,6 +221,7 @@ dewars = [
     ),
     Dewar(
         id=3,
+        pgroups="p20004",
         dewar_name="Dewar Three",
         dewar_type_id=2,
         dewar_serial_number_id=3,
@@ -234,6 +237,7 @@ dewars = [
     ),
     Dewar(
         id=4,
+        pgroups="p20004",
         dewar_name="Dewar Four",
         dewar_type_id=2,
         dewar_serial_number_id=4,
@@ -249,6 +253,7 @@ dewars = [
     ),
     Dewar(
         id=5,
+        pgroups="p20001, p20002",
         dewar_name="Dewar Five",
         dewar_type_id=1,
         dewar_serial_number_id=1,