fix: filter out empty children

components/TempDesignSystem/utils/checkForEmptyChildren.ts

@@ -0,0 +1,13 @@
+import { Children, type ReactNode } from "react"
+
+export function checkForEmptyChildren(children: ReactNode) {
+  return Children.toArray(children).filter((child) => {
+    if (child === "") {
+      return false
+    } else if (child == null) {
+      return false
+    } else {
+      return true
+    }
+  }).length
+}