[PM-8380] Browser Refresh - Virtual scrolling (#10646)

* [PM-8380] Add option to disable content padding for popup page

* [PM-8380] Add cdkVirtualScroll to vault list items and fixed item heights

* [PM-8380] Move item height constants to item component

libs/components/src/item/index.ts

@@ -1 +1,3 @@
 export * from "./item.module";
+
+export { BitItemHeight, BitItemHeightClass } from "./item.component";

libs/components/src/item/item.component.ts

@@ -5,6 +5,20 @@ import { A11yRowDirective } from "../a11y/a11y-row.directive";
 
 import { ItemActionComponent } from "./item-action.component";
 
+/**
+ * The class used to set the height of a bit item's inner content.
+ */
+export const BitItemHeightClass = `tw-h-[52px]`;
+
+/**
+ * The height of a bit item in pixels. Includes any margin, padding, or border. Used by the virtual scroll
+ * to estimate how many items can be displayed at once and how large the virtual container should be.
+ * Needs to be updated if the item height or spacing changes.
+ *
+ * 52px + 5.25px bottom margin + 1px border = 58.25px
+ */
+export const BitItemHeight = 58.25; //
+
 @Component({
   selector: "bit-item",
   standalone: true,