Determine where children belong using .displayName

This fixes a sub-issue raised within mmazzarolo#141: mmazzarolo#141 (comment)

Author: Slapbox

Diff for: src/Container.tsx

@@ -62,14 +62,14 @@ const DialogContainer: React.FC<DialogContainerProps> = (props) => {
   const { styles } = useTheme(buildStyles);
   React.Children.forEach(children, (child) => {
     if (typeof child === "object" && child !== null && "type" in child) {
-      switch (child.type) {
-        case DialogTitle:
+      switch (child.type.displayName) {
+        case DialogTitle.displayName:
           titleChildrens.push(child as TitleElement);
           return;
-        case DialogDescription:
+        case DialogDescription.displayName:
           descriptionChildrens.push(child as DescriptionElement);
           return;
-        case DialogButton:
+        case DialogButton.displayName:
           if (Platform.OS === "ios" && buttonChildrens.length > 0) {
             buttonChildrens.push(
               <View