fixed tabs view and added types at required places

[nithish1018]

Proposed Changes

• Fixes Active and Archive Tabs are not properly visible in Shifting Page #8863
• Adjusted Search Input width for Tabs to show up properly
• Added strong types

This is how it looks now:

@ohcnetwork/care-fe-code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[netlify]

✅ Deploy Preview for care-ohc ready!

Name	Link
🔨 Latest commit	05386a6
🔍 Latest deploy log	https://app.netlify.com/sites/care-ohc/deploys/6718da05590c080008f82aaf
😎 Deploy Preview	https://deploy-preview-8875--care-ohc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nihal467]

LGTM

[github-actions]

👋 Hi, @nithish1018,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[rithviknishad]

@nithish1018 To clear conflicts and merge latest develop to PR branch cleanly:

Pre-requisite: Ensure you have ohcnetwork in remotes (check using git remote -v)

git remote add upstream https://github.com/ohcnetwork/care_fe.git

and then merge ohcnetwork's remote develop branch into your PR branch:

git merge upstream develop

Merge will be paused due to conflicts. Clear the conflicts from your editor and commit the merge commit.