feat(security) created SecurityOptions React Navigation screen (#10509)

* feat(security) Security Options screen

react/features/security/components/security-dialog/web/SecurityDialogButton.js

@@ -0,0 +1,31 @@
+// @flow
+
+import { translate } from '../../../../base/i18n';
+import { connect } from '../../../../base/redux';
+import { toggleSecurityDialog } from '../../../actions';
+import AbstractSecurityDialogButton, {
+    _mapStateToProps as _abstractMapStateToProps,
+    type Props as AbstractSecurityDialogButtonProps
+} from '../AbstractSecurityDialogButton';
+
+type Props = AbstractSecurityDialogButtonProps;
+
+/**
+ * Implements an {@link AbstractSecurityDialogButton} to open the security dialog.
+ */
+class SecurityDialogButton<P: Props, S:*> extends AbstractSecurityDialogButton<P, S> {
+
+    /**
+     * Opens / closes the security dialog.
+     *
+     * @private
+     * @returns {void}
+     */
+    _handleClickSecurityButton() {
+        const { dispatch } = this.props;
+
+        dispatch(toggleSecurityDialog());
+    }
+}
+
+export default translate(connect(_abstractMapStateToProps)(SecurityDialogButton));