stylefix(Point of Contact): Phone Extension style 2 to 1 (2/3 to 1/3) (…

…#978)

Follow up to #945

## Changes
- style(PoC): Phone and Phone Extension style flex ratio: 2 to 1 (2/3 to
1/3)

## How to test this PR

1. Toggle between above 900px and below

## Screenshots
<img width="644" alt="Screenshot 2024-10-01 at 2 45 28 PM"
src="https://github.com/user-attachments/assets/e1e6c870-802f-41cf-90d2-c6fd71a23567">

src/pages/PointOfContact/index.tsx

@@ -280,7 +280,7 @@ function PointOfContact(): JSX.Element {
             />
             <div className='flex flex-col items-stretch bpMED:flex-row bpMED:gap-[0.9375rem]'>
               <InputEntry
-                className='w-full bpMED:flex-[5]'
+                className='w-full bpMED:flex-[2]'
                 label='Phone number'
                 id='phone'
                 {...register('phone')}
@@ -289,7 +289,7 @@ function PointOfContact(): JSX.Element {
                 showError
               />
               <InputEntry
-                className='w-full bpMED:flex-[3]'
+                className='w-full bpMED:flex-[1]'
                 label='Extension'
                 id='phoneExtension'
                 helperText='Extension should be a number.'