website refactor

apps/website/ui/primitives/GridItem.tsx

@@ -1,6 +1,17 @@
 import React from 'react';
 import { Box } from './Box';
 
+/**
+ * WARNING: DO NOT VIOLATE THE PURPOSE OF THIS PRIMITIVE.
+ * 
+ * GridItem is for items inside a Grid container.
+ * 
+ * - DO NOT add positioning props (absolute, top, zIndex).
+ * - DO NOT add background/border props.
+ * 
+ * If you need a more specific layout, create a new component in apps/website/components.
+ */
+
 export interface GridItemProps {
   children: React.ReactNode;
   colSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;