fix showing the floating filter button

Author: medyo

src/features/cards/components/devtoCard/DevtoCard.tsx

@@ -56,7 +56,6 @@ export function DevtoCard({ withAds, meta }: CardPropsType) {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
         <span> {meta.label} </span>
-        <FloatingFilter card={meta} filters={['language']} />
         <InlineTextFilter
           options={[GLOBAL_TAG, ...userSelectedTags, MY_LANGUAGES_TAG].map((tag) => ({
             label: tag.label,
@@ -74,6 +73,7 @@ export function DevtoCard({ withAds, meta }: CardPropsType) {
 
   return (
     <Card card={meta} titleComponent={<HeaderTitle />}>
+      <FloatingFilter card={meta} filters={['language']} />
       <ListComponent
         items={getData()}
         isLoading={getIsLoading()}

src/features/cards/components/freecodecampCard/FreecodecampCard.tsx

@@ -57,7 +57,6 @@ export function FreecodecampCard({ meta, withAds }: CardPropsType) {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
         <span> {meta.label} </span>
-        <FloatingFilter card={meta} filters={['language']} />
         <InlineTextFilter
           options={[GLOBAL_TAG, ...userSelectedTags, MY_LANGUAGES_TAG].map((tag) => ({
             label: tag.label,
@@ -75,6 +74,7 @@ export function FreecodecampCard({ meta, withAds }: CardPropsType) {
 
   return (
     <Card card={meta} titleComponent={<HeaderTitle />}>
+      <FloatingFilter card={meta} filters={['language']} />
       <ListComponent
         items={getData()}
         isLoading={getIsLoading()}

src/features/cards/components/hashnodeCard/HashnodeCard.tsx

@@ -57,7 +57,6 @@ export function HashnodeCard({ withAds, meta }: CardPropsType) {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
         <span> {meta.label} </span>
-        <FloatingFilter card={meta} filters={['language']} />
         <InlineTextFilter
           options={[GLOBAL_TAG, ...userSelectedTags, MY_LANGUAGES_TAG].map((tag) => ({
             label: tag.label,
@@ -75,6 +74,7 @@ export function HashnodeCard({ withAds, meta }: CardPropsType) {
 
   return (
     <Card card={meta} titleComponent={<HeaderTitle />}>
+      <FloatingFilter card={meta} filters={['language']} />
       <ListComponent
         items={getData()}
         isLoading={getIsLoading()}

src/features/cards/components/mediumCard/MediumCard.tsx

@@ -55,7 +55,6 @@ export function MediumCard({ meta, withAds }: CardPropsType) {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
         <span> {meta.label} </span>
-        <FloatingFilter card={meta} filters={['language']} />
         <InlineTextFilter
           options={[GLOBAL_TAG, ...userSelectedTags, MY_LANGUAGES_TAG].map((tag) => ({
             label: tag.label,
@@ -73,6 +72,7 @@ export function MediumCard({ meta, withAds }: CardPropsType) {
 
   return (
     <Card card={meta} titleComponent={<HeaderTitle />}>
+      <FloatingFilter card={meta} filters={['language']} />
       <ListComponent
         items={getData()}
         isLoading={getIsLoading()}

src/features/cards/components/redditCard/RedditCard.tsx

@@ -56,7 +56,6 @@ export function RedditCard({ withAds, meta }: CardPropsType) {
   const HeaderTitle = () => {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
-        <FloatingFilter card={meta} filters={['language']} />
         <span> {meta.label} </span>
         <InlineTextFilter
           options={[GLOBAL_TAG, ...userSelectedTags, MY_LANGUAGES_TAG].map((tag) => ({
@@ -75,7 +74,7 @@ export function RedditCard({ withAds, meta }: CardPropsType) {
 
   return (
     <Card card={meta} titleComponent={<HeaderTitle />}>
-      <FloatingFilter card={meta} />
+      <FloatingFilter card={meta} filters={['language']} />
       <ListComponent
         items={getData()}
         isLoading={getIsLoading()}