[Subtask] Engineering Breakdown for Bereal Usability Improvements

[abhikaboy]

Task Breakdown: Improve Bereal Usability

1. Refactor front/back camera switching logic

• Update state management for toggling between front and back camera (see [setFacing] and camera management in [Posting component] in frontend/app/(logged-in)/posting/cameraview.tsx).
• Review and update the code where the toggle is handled, e.g. [onPress={() => setFacing(facing === \"back\" ? \"front\" : \"back\")}] at Line 773.
• Ensure related async dual-photo switching logic (see [captureDualPhotoAutomatic] at Lines 114-142) is clear, robust, and testable.

2. Move and resize the small camera preview

• The code for the small camera overlay and its styling/position (see [justCapturedPhoto], [isCapturingDual], style at Lines 497-533 and preview camera view at Lines 534-564).
• Refactor style object for the preview <View> so its position, border, and size can be updated easily or even via a new settings control.
• Ensure harmony between overlay/interactions and rest of UI (review Line 469-496).

3. Plan & Validate

• Update/add documentation in code comments for each of the above changes.
• Test the new interaction on various devices & screen sizes.
• Consider exposing position/size adjustments for the small preview via props, config, or simple drag-and-drop UI.

---

Strongly reference and update logic within [frontend/app/(logged-in)/posting/cameraview.tsx] as the primary file for these improvements.

---

Relevant code references:

• Camera toggle, state & switching logic
• Camera switch UI button
• Dual photo logic
• Small preview overlay
• Preview placeholder & outline view

---

This sub-issue provides actionable engineering steps for the tasks described in the parent Improve Bereal Usability.