Fix FOUT causing layout shift on full page load

Groceries/Components/Layout.razor

@@ -11,6 +11,7 @@
 
     <base href="/" />
 
+    <link rel="preload" as="font" type="font/woff2" href="lib/inter/files/inter-latin-wght-normal.woff2" crossorigin />
     <link rel="stylesheet" type="text/css" href="@Assets["lib/inter/index.css"]" data-turbo-track="reload" />
     <link rel="stylesheet" type="text/css" href="@Assets["css/main.css"]" data-turbo-track="reload" />
 

Groceries/Transactions/TransactionsController.cs

@@ -243,11 +243,13 @@ public class TransactionsController : Controller
 
         using var dbContext = dbContextFactory.CreateDbContext();
 
+        foreach (var item in transaction.Items)
+        {
+            item.Item = null;
+        }
+
         // Work around EF trying to insert items by explicitly tracking them as unchanged
-        dbContext.Items.AttachRange(
-            transaction.Items
-                .Select(item => item.Item!)
-                .Concat(transaction.Promotions.SelectMany(promotion => promotion.Items)));
+        dbContext.Items.AttachRange(transaction.Promotions.SelectMany(promotion => promotion.Items));
 
         dbContext.Transactions.Add(transaction);
         await dbContext.SaveChangesAsync();