Fix calling needs permission screen not fullscreen

stylesheets/_modules.scss

@@ -4438,7 +4438,10 @@ button.module-image__border-overlay:focus {
   flex-direction: column;
   height: var(--window-height);
   justify-content: center;
-  position: relative;
+  position: fixed;
+  top: 0;
+  /* stylelint-disable-next-line liberty/use-logical-spec */
+  left: 0;
   width: 100%;
 
   &__text {

ts/components/CallNeedPermissionScreen.stories.tsx

@@ -0,0 +1,27 @@
+// Copyright 2023 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import type { ComponentMeta } from '../storybook/types';
+import { setupI18n } from '../util/setupI18n';
+import enMessages from '../../_locales/en/messages.json';
+import type { Props } from './CallNeedPermissionScreen';
+import { CallNeedPermissionScreen } from './CallNeedPermissionScreen';
+import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
+
+const i18n = setupI18n('en', enMessages);
+
+export default {
+  title: 'Components/CallNeedPermissionScreen',
+  component: CallNeedPermissionScreen,
+  args: {
+    i18n,
+    close: action('close'),
+    conversation: getDefaultConversation(),
+  },
+} satisfies ComponentMeta<Props>;
+
+export function Default(args: Props): JSX.Element {
+  return <CallNeedPermissionScreen {...args} />;
+}

ts/components/CallNeedPermissionScreen.tsx

@@ -9,7 +9,7 @@ import { Intl } from './Intl';
 import { ContactName } from './conversation/ContactName';
 import type { ConversationType } from '../state/ducks/conversations';
 
-type Props = {
+export type Props = {
   conversation: Pick<
     ConversationType,
     | 'acceptedMessageRequest'