added card

src/pages/best-practices/BestPractices.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BestPractices = () => {
+	return (
+		<div sx={{ minHeight: 'calc(100vh-128px)' }}>Best Practices ...in progress</div>
+	);
+};
+
+export default BestPractices;