[ENGAGE-5078] Refactored FormTabContent.vue to streamline the template structure and enhance user experience by removing unused input fields and logic.

[mateuseduardomedeiros]

Description

Type of Change

• • Bugfix
• • Feature
• • Code style update (formatting, local variables)
• • Refactoring (no functional changes, no api changes)
• • Tests
• • Other

Motivation and Context

Summary of Changes

• Refactored FormTabContent.vue to streamline the template structure and enhance user experience by removing unused input fields and logic.
• Enhanced FormTabs.vue with a new layout and improved handling of language and category selections.
• Updated TemplatePreview.vue to conditionally display the template name based on the form mode.
• Adjusted styles across components for better alignment and spacing.

Design Files

• Design File 1

Demonstration

[codecov]

Codecov Report

❌ Patch coverage is 64.08840% with 65 lines in your changes missing coverage. Please review.
✅ Project coverage is 87.72%. Comparing base (d12a3a8) to head (4fa74f0).

Files with missing lines	Patch %	Lines
src/components/whatsAppTemplates/FormTabs.vue	63.47%	61 Missing ⚠️
...c/components/whatsAppTemplates/TemplatePreview.vue	55.55%	4 Missing ⚠️

Additional details and impacted files

@@                                  Coverage Diff                                  @@
##           refact/create-template-message-header-and-preview     #538      +/-   ##
=====================================================================================
- Coverage                                              87.87%   87.72%   -0.15%     
=====================================================================================
  Files                                                    177      177              
  Lines                                                  19475    19402      -73     
  Branches                                                1699     1682      -17     
=====================================================================================
- Hits                                                   17113    17020      -93     
- Misses                                                  2362     2382      +20     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.